<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>自由新闻 - 自由选择，浏览世界</title>
    <meta name="description" content="自由新闻：聚合全球权威媒体与优质视频，一站式浏览多元观点，实时更新，镜像可用，助你自由获取世界信息。">
    <meta property="og:description" content="自由新闻：聚合全球权威媒体与优质视频，一站式浏览多元观点，实时更新，镜像可用，助你自由获取世界信息。">
    <meta name="twitter:description" content="自由新闻：聚合全球权威媒体与优质视频，一站式浏览多元观点，实时更新，镜像可用，助你自由获取世界信息。">
    <link rel="canonical" href="https://startpage.freebrowser.org/">
    <meta property="og:title" content="自由新闻 - 自由选择，浏览世界">
    <meta property="og:url" content="https://startpage.freebrowser.org/">
    <meta property="og:site_name" content="自由新闻">
    <meta property="og:locale" content="zh_CN">
    <meta property="og:locale:alternate" content="ru_RU">
    
    <!-- Locale alternates -->
    <link rel="alternate" href="https://startpage.freebrowser.org/" hreflang="zh-CN">
    <link rel="alternate" href="https://startpage.freebrowser.org/ru" hreflang="ru-RU">
    <link rel="alternate" href="https://startpage.freebrowser.org/" hreflang="x-default">
    
    <!-- Tailwind CSS (minified) -->
    <link href="/news5c/assets/css/tailwind.min.css" rel="stylesheet">
    
    <!-- FontAwesome (deferred for non-critical icons) -->
    <link href="/news5c/assets/css/fontawesome.min.css" rel="stylesheet" media="print" onload="this.media='all'">
    <noscript><link href="/news5c/assets/css/fontawesome.min.css" rel="stylesheet"></noscript>
    
    <!-- Google Tag Manager -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-91LBJ7V4RJ"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-91LBJ7V4RJ');
    </script>
    <style>
        body.lang-zh .news-card[data-lang="ru"],
        body.lang-zh .headline-news[data-lang="ru"] { display: none; }
        body.lang-ru .news-card[data-lang="zh"],
        body.lang-ru .headline-news[data-lang="zh"] { display: none; }

        body {
            font-family: sans-serif;
            background-color: #f8f9fa;
        }
        
        .news-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .news-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }
        
        .video-duration {
            background-color: rgba(0, 0, 0, 0.7);
            border-radius: 2px;
            padding: 1px 4px;
            font-size: 12px;
            position: absolute;
            bottom: 8px;
            right: 8px;
        }
        
        .search-container:focus-within {
            box-shadow: 0 0 0 2px rgba(253, 45, 87, 0.3);
        }
        
        .tab-active {
            color: rgb(253, 45, 87);
            border-bottom: 2px solid rgb(253, 45, 87);
        }
        
        .section {
            scroll-margin-top: 80px;
        }
        
        /* 新闻预览模态框样式 */
        .news-preview-modal {
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s;
        }
        
        .news-preview-modal.active {
            opacity: 1;
            visibility: visible;
        }
        
        .news-preview-content {
            transform: translateY(20px);
            transition: transform 0.3s ease;
        }
        
        .news-preview-modal.active .news-preview-content {
            transform: translateY(0);
        }
        
        /* 滚动条样式 */
        .custom-scrollbar::-webkit-scrollbar {
            width: 6px;
        }
        
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #d1d5db;
            border-radius: 3px;
        }
        
        .custom-scrollbar::-webkit-scrollbar-thumb:hover {
            background: #9ca3af;
        }
        
        /* 纯文本新闻正文样式 */
        .news-content p {
            margin-bottom: 1rem;
            line-height: 1.7;
        }
        
        .news-content h2 {
            font-size: 1.5rem;
            font-weight: 600;
            margin: 1.5rem 0 1rem;
        }
        
        .news-content blockquote {
            border-left: 4px solid #e5e7eb;
            padding-left: 1rem;
            font-style: italic;
            margin: 1.5rem 0;
            color: #4b5563;
        }
        
        /* 文章导航按钮 */
        .nav-btn {
            transition: all 0.2s ease;
            font-size: 0.9rem;
            font-weight: 500;
            min-height: 40px;
        }
        
        .nav-btn:hover {
            transform: translateY(-1px);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        
        .nav-btn:disabled {
            opacity: 0.5;
            cursor: not-allowed;
            transform: none;
        }
        
        .nav-btn:disabled:hover {
            transform: none;
            box-shadow: none;
        }
        
        /* 文章导航容器 */
        .article-nav-top, .article-nav-bottom {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            border: 1px solid #e5e7eb;
        }
        
        /* 响应式导航布局 */
        @media (max-width: 640px) {
            .article-nav-top, .article-nav-bottom {
                padding: 8px;
                gap: 4px;
            }
            
            .nav-btn {
                font-size: 0.75rem;
                padding: 6px 8px;
                min-height: 32px;
                min-width: 0;
                flex: 1;
            }
            
            /* 默认隐藏所有按钮文字 */
            .nav-btn span {
                display: none;
            }
            
            .nav-btn i {
                margin: 0 !important;
            }
            
            /* 但在移动端为“返回”和“原文”按钮显示文字 */
            #close-preview span,
            #read-original span,
            #close-preview-bottom span,
            #read-original-bottom span {
                display: inline;
            }
            /* 恢复这些按钮的图标间距 */
            #close-preview i,
            #close-preview-bottom i {
                margin-right: 0.5rem !important; /* matches mr-2 */
            }
            #read-original i,
            #read-original-bottom i {
                margin-left: 0.5rem !important; /* matches ml-2 */
            }
            
            /* 为移动端添加工具提示效果 */
            .nav-btn::after {
                content: attr(data-tooltip);
                position: absolute;
                bottom: 100%;
                left: 50%;
                transform: translateX(-50%);
                background: rgba(0, 0, 0, 0.8);
                color: white;
                padding: 4px 8px;
                border-radius: 4px;
                font-size: 0.7rem;
                white-space: nowrap;
                opacity: 0;
                pointer-events: none;
                transition: opacity 0.2s;
                z-index: 1000;
            }
            
            .nav-btn:active::after {
                opacity: 1;
            }
        }
        
        /* 版本徽章 */
        .version-badge {
            position: absolute;
            top: -8px;
            right: -8px;
            font-size: 10px;
            padding: 2px 6px;
            border-radius: 10px;
            background-color: rgb(253, 45, 87);
            color: white;
            font-weight: bold;
        }
        
        /* 头条新闻样式 - 新的装饰样式 */
        .headline-news {
            position: relative;
            transition: all 0.2s ease;
            padding-left: 20px;
        }
        
        .headline-news:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            width: 8px;
            height: 8px;
            background-color: rgb(253, 45, 87);
            border-radius: 50%;
            box-shadow: 0 0 0 2px rgba(253, 45, 87, 0.2);
            transition: all 0.2s ease;
        }
        
        .headline-news:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            width: 12px;
            height: 12px;
            border-radius: 50%;
            border: 1px solid rgb(253, 45, 87);
            opacity: 0;
            transition: all 0.2s ease;
        }
        
        .headline-news:hover {
            background-color: #f9fafb;
            padding-left: 25px;
        }
        
        .headline-news:hover:before {
            background-color: rgb(203, 36, 70);
            left: 5px;
        }
        
        .headline-news:hover:after {
            opacity: 1;
            left: 5px;
        }
        
        /* 紧凑视图切换按钮动画 */
        .view-toggle-btn {
            transition: all 0.2s ease;
            width: 40px;
            height: 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
        
        .view-toggle-btn i {
            display: inline-block;
            width: 1em;
            height: 1em;
            text-align: center;
        }
        
        .view-toggle-btn.active {
            color: rgb(253, 45, 87);
            background-color: rgba(253, 45, 87, 0.1);
        }
        
        /* Reserve space for FontAwesome icons to prevent layout shift */
        .fas, .far, .fab {
            display: inline-block;
            min-width: 1em;
            text-align: center;
        }
        
        /* Search button fixed dimensions */
        #search-button {
            min-width: 48px;
        }
        
        /* 维基标签样式 */
        .wiki-tag {
            transition: all 0.2s ease;
            display: inline-flex;
            align-items: center;
        }
        
        .wiki-tag i {
            display: inline-block;
            width: 1em;
            margin-right: 0.25rem;
            flex-shrink: 0;
        }
        
        .wiki-tag:hover {
            transform: translateY(-2px);
        }
        
        /* 维基热词高亮 */
        .wiki-term {
            color: #2563eb;
            text-decoration: underline;
            text-decoration-color: rgba(37, 99, 235, 0.3);
            text-decoration-thickness: 1px;
            text-underline-offset: 2px;
            cursor: pointer;
            transition: all 0.2s ease;
        }
        
        .wiki-term:hover {
            color: #1d4ed8;
            text-decoration-color: rgba(29, 78, 216, 0.8);
        }
        

        

        
        /* 本地视频样式 */
        .news-card video {
            background-color: #000;
        }
        
        .news-card video::-webkit-media-controls-panel {
            background-color: rgba(0, 0, 0, 0.8);
        }
        
        /* 新闻卡片图片容器 - 网格视图 */
        .news-card:not(.h-24) .relative {
            height: 144px; /* h-36 equivalent - force same height as images */
        }
        
        /* 确保视频在网格中正确显示 */
        .news-card:not(.h-24) .relative video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        /* 列表视图中的视频高度 */
        .news-card .w-28 video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        /* 列表视图中的图片和fallback logo统一高度 */
        .news-card.h-24 .w-28 {
            aspect-ratio: 7/6; /* 28/24 = 7/6 ratio for list view */
        }
        
        .news-card.h-24 .w-28 img,
        .news-card.h-24 .w-28 .news-fallback-logo {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        /* 相关新闻图片容器 */
        .related-news-image-container {
            aspect-ratio: 4/3;
        }
        
        .related-news-image-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        /* 确保列表视图标题文本截断正常工作 */
        .news-card.h-24 .line-clamp-2 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        /* 预览模态框中的视频样式 */
        #preview-video {
            background-color: #000;
        }
        
        #preview-video-container video,
        #preview-video-container iframe {
            width: 100% !important;
            height: 100% !important;
            border-radius: 8px;
        }
        
        #preview-video-wrapper {
            aspect-ratio: 16/9;
            min-height: 300px;
        }
        
        @media (max-width: 768px) {
            #preview-video-wrapper {
                min-height: 200px;
            }
        }
        
        /* 新闻源fallback logo样式 */
        .news-fallback-logo {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            border: 1px solid #dee2e6;
            color: #6c757d;
            font-weight: 600;
            font-size: 1.1rem;
            letter-spacing: 0.5px;
            line-height: 1.2;
            word-break: break-word;
            overflow: hidden;
        }
        
        .news-fallback-logo.compact {
            font-size: 0.75rem;
            font-weight: 500;
        }
        
        /* 文本内容骨架屏 - 防止CLS */
        .news-title-skeleton {
            height: 1.25rem; /* 对应 text-base 高度 */
            background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
            background-size: 200% 100%;
            animation: loading 1.5s infinite;
            border-radius: 4px;
            margin-bottom: 0.25rem;
        }
        
        .news-meta-skeleton {
            height: 0.875rem; /* 对应 text-sm 高度 */
            background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
            background-size: 200% 100%;
            animation: loading 1.5s infinite;
            border-radius: 4px;
            width: 60%;
        }
        
        @keyframes loading {
            0% { background-position: 200% 0; }
            100% { background-position: -200% 0; }
        }
        
        /* 确保新闻卡片有最小高度 */
        .news-card {
            min-height: 200px; /* 网格视图最小高度 */
        }
        
        .news-card.h-24 {
            min-height: 96px; /* 列表视图最小高度 */
        }
        
        /* 内容中的图片样式 */
        .news-content .smart-image {
            max-width: 100%;
            height: auto;
            aspect-ratio: 16/9;
            object-fit: cover;
            border-radius: 8px;
            margin: 1rem 0;
        }
    </style>
    
    <!-- News data will be loaded via API for client-side enhancements -->
    <script>
        // Global variable for news data - Initialize immediately to avoid ReferenceError
        window.newsData = window.newsData || [];
        
        // Initialize with server-rendered data
                window.newsDataLoaded = true;
                window.newsDataLoadError = false;
        window.isSingleMode = false;
        window.isMirrorMode = true;
        window.showDownloadLinks = true;
        
        // Expose news data timestamp for cache busting
        window.newsDataTimestamp = 1780975874710;
        window.showVPNLinks = false;
        
        
        // YouTube reachability (used to decide if remote videos can be enabled)
        window.youtubeReachable = false;
        window.testYouTubeReachability = function(timeoutMs) {
            try {
                var done = false;
                var img = new Image();
                var timer = setTimeout(function() {
                    if (done) return;
                    done = true;
                    // keep default behavior when timeout
                }, typeof timeoutMs === 'number' ? timeoutMs : 2500);
                img.onload = function() {
                    if (done) return;
                    done = true;
                    clearTimeout(timer);
                    window.youtubeReachable = true;
                    // Recompute filters and visibility to enable all videos
                    if (typeof updateVideoFilterVisibility === 'function') {
                        updateVideoFilterVisibility();
                    }
                    if (typeof renderNewsList === 'function') {
                        renderNewsList();
                    }
                };
                img.onerror = function() {
                    if (done) return;
                    done = true;
                    clearTimeout(timer);
                    // keep default behavior on error
                };
                // Bust caches to avoid stale success/failure
                img.src = 'https://www.youtube.com/favicon.ico?ts=' + Date.now();
            } catch (e) {
                // Ignore errors; keep default behavior
            }
        };
                
                // Global function to force reload news data
                window.reloadNewsData = function() {
                    location.reload(true); // Force reload from server
                };
                
                // Global function to check current cache buster version
                window.getCacheVersion = function() {
                    return new Date().getTime();
                };
    </script>
    
    <!-- 维基百科数据现在从服务器端数据中获取 -->
    <script>
        
        // Wikipedia links are now handled server-side via template rendering
        function updateWikipediaLinks() {
            // No longer needed - Wikipedia links are rendered correctly server-side
            // based on mirror parameter
        }
    </script>
<script src="/analytics.js?pageID=news5c"></script></head>
<body class="min-h-screen lang-zh">
    <!-- Language mismatch banner -->
    <div id="language-mismatch-banner" class="hidden bg-blue-50 border-b border-blue-200 text-center py-2 px-4">
        <div class="container mx-auto">
            <span id="language-mismatch-text" class="text-sm text-blue-800"></span>
            <a id="language-mismatch-link" href="#" class="ml-2 text-sm font-semibold text-blue-600 hover:text-blue-800 underline"></a>
        </div>
    </div>
    
    <!-- 导航栏 -->
    <header class="sticky top-0 z-50 bg-white shadow-md">
        <div class="container mx-auto px-3 py-2 flex items-center justify-between">
            <div class="flex items-center min-w-0">
                <img src="/news5c/assets/images/logo.svg" alt="自由新闻" class="w-10 h-10" width="40" height="40">
                <div class="ml-3 min-w-0">
                    <h1 class="text-2xl font-bold text-primary break-words leading-tight" data-i18n="site.title">自由新闻</h1>
                    <p class="text-xs text-gray-500 break-words" data-i18n="site.subtitle">自由选择，浏览世界</p>
                </div>
            </div>
            
            <nav class="hidden lg:flex items-center space-x-5">
                <a href="#news" class="text-gray-700 hover:text-primary" data-i18n="nav.news">新闻</a>
                <a id="nav-speedtest-desktop" href="https://cc.greatfire.org/zh/test" target="_blank" rel="noopener noreferrer" class="text-gray-700 hover:text-primary hidden" data-i18n="nav.speedtest">测速</a>
                <a href="#faq" class="text-gray-700 hover:text-primary" data-i18n="nav.faq">常见问题</a>
                <a href="#about" class="text-gray-700 hover:text-primary" data-i18n="nav.about">关于我们</a>
                <a href="#feedback" class="text-gray-700 hover:text-primary" data-i18n="footer.feedback">问题反馈</a>
            </nav>
            
            <div class="flex items-center gap-3 flex-shrink-0">
                <!-- Language Selector -->
                <div class="relative hidden lg:block">
                    <button id="lang-selector-btn" class="flex items-center text-gray-700 hover:text-primary px-3 py-2 rounded-md border border-gray-300 hover:border-primary transition-all">
                        <span id="current-lang-text">中文</span>
                        <i class="fas fa-chevron-down ml-2 text-xs"></i>
                    </button>
                    <div id="lang-dropdown" class="hidden absolute right-0 mt-2 w-32 bg-white rounded-md shadow-lg z-50 py-1 border border-gray-200">
                        <a href="/" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" data-lang="zh">中文</a>
                        <a href="/ru" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" data-lang="ru">Русский</a>
                    </div>
                </div>
                
                <a href="/fb/" class="bg-primary hover:bg-primaryDark text-white font-medium px-4 py-2 rounded-full transition-colors duration-300 flex items-center" id="header-download-btn">
                    <span class="hidden sm:inline" data-i18n="btn.download">下载自由浏览</span>
                    <span class="sm:hidden" data-i18n="btn.download.short">下载</span>
                    <i class="fas fa-download ml-2"></i>
                </a>
            </div>
            
            <button class="lg:hidden text-gray-700 ml-2" id="mobile-menu-button">
                <i class="fas fa-bars text-xl"></i>
            </button>
        </div>
        
        <!-- 移动菜单 -->
        <div class="lg:hidden hidden bg-white" id="mobile-menu">
            <div class="container mx-auto px-4 py-2 flex flex-col space-y-2">
                <a href="#news" class="text-gray-700 hover:text-primary py-2 border-b border-gray-100" data-i18n="nav.news">新闻</a>
                <a id="nav-speedtest-mobile" href="https://cc.greatfire.org/zh/test" target="_blank" rel="noopener noreferrer" class="text-gray-700 hover:text-primary py-2 border-b border-gray-100 hidden" data-i18n="nav.speedtest">测速</a>
                <a href="#faq" class="text-gray-700 hover:text-primary py-2 border-b border-gray-100" data-i18n="nav.faq">常见问题</a>
                <a href="#about" class="text-gray-700 hover:text-primary py-2 border-b border-gray-100" data-i18n="nav.about">关于我们</a>
                <a href="#feedback" class="text-gray-700 hover:text-primary py-2 border-b border-gray-100" data-i18n="footer.feedback">问题反馈</a>
                <!-- Mobile Language Selector -->
                <div class="relative">
                    <button id="lang-selector-btn-mobile" class="flex items-center text-gray-700 hover:text-primary px-3 py-2 rounded-md border border-gray-300 hover:border-primary transition-all">
                        <span id="current-lang-text-mobile">中文</span>
                        <i class="fas fa-chevron-down ml-2 text-xs"></i>
                    </button>
                    <div id="lang-dropdown-mobile" class="hidden absolute left-0 mt-2 w-32 bg-white rounded-md shadow-lg z-50 py-1 border border-gray-200">
                        <a href="/" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" data-lang="zh">中文</a>
                        <a href="/ru" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" data-lang="ru">Русский</a>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <main class="container mx-auto px-3 py-6">
        <!-- Intro + Search/Wiki two-column section -->
        <section id="intro" class="mb-6">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <!-- Left: Intro -->
                <div class="rounded-md border border-gray-200 bg-gray-50 p-4">
                    <p class="text-gray-700 mb-2">
                        <strong data-i18n="site.title">自由新闻</strong><span data-i18n="intro.about.rest">是一个聚合多来源的新闻汇总站点，旨在帮助您更自由地获取全球信息。</span>
                    </p>
                    <p class="text-gray-700 mb-2">
                        <span data-i18n="intro.mirror.label">如遇访问困难，可尝试使用我们的镜像域名：</span>
                            <a href="https://vega-gostin.ru/n" target="_blank" rel="noopener noreferrer" class="text-primary underline">https://vega-gostin.ru/n</a>、
                            <a href="https://autobu-163.ru/n" target="_blank" rel="noopener noreferrer" class="text-primary underline">https://autobu-163.ru/n</a>
                    </p>
                    <p class="text-gray-700 mb-2" data-i18n="intro.share">您也可以将该镜像链接分享给他人，帮助更多人顺利访问本页。</p>
                    <p class="text-gray-700 mb-2">
                        <span data-i18n="intro.recommend.prefix">为长期稳定访问，推荐使用</span>
                        <a href="/fb/" class="text-primary underline">FreeBrowser</a>。
                    </p>
                    <p class="text-gray-700">
                        <span data-i18n="intro.feedback.prefix">如果您有任何问题或建议，欢迎前往</span>
                        <a href="#feedback" class="text-primary underline" data-i18n="footer.feedback">问题反馈</a>
                        <span data-i18n="intro.feedback.suffix">提交意见。</span>
                    </p>
                </div>
                <!-- Right: Search + Desktop Wikipedia -->
                <div>
                    <section class="mb-4" id="search-section">
                        <div class="search-container flex rounded-full overflow-hidden border border-gray-300 focus-within:border-primary transition-all duration-300">
                            <div class="relative">
                                <div class="flex items-center pl-3 pr-3 py-3 bg-gray-50 border-r border-gray-300">
                                    <select id="search-engine-select" class="bg-transparent border-none text-sm font-medium text-gray-700 focus:outline-none cursor-pointer pr-6" style="background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 4 5\"><path fill=\"%23666\" d=\"M2 0L0 2h4zm0 5L0 3h4z\"/></svg>'); background-repeat: no-repeat; background-position: right 0.7rem center; background-size: 0.65rem auto;">
                                        <option value="google">Google</option>
                                        <option value="bing">Bing</option>
                                        <option value="duckduckgo">DuckDuckGo</option>
                                        <option value="baidu">百度</option>
                                    </select>
                                </div>
                            </div>
                            <input type="text" id="search-input" placeholder="" class="w-full px-4 py-3 focus:outline-none text-gray-700" data-i18n-placeholder="search.placeholder" />
                            <button id="search-button" class="bg-primary hover:bg-primaryDark text-white px-5 py-2 transition-colors duration-300">
                                <i class="fas fa-search"></i>
                            </button>
                        </div>
                    </section>
                    
                    <div class="mt-3 hidden md:flex flex-wrap items-center" id="desktop-wikipedia-section">
                        <div class="flex flex-wrap gap-2 mt-1 sm:mt-0">
                            <a href="/wikipedia/wiki/Z-Library" target="_blank" class="wiki-tag text-sm bg-blue-50 text-blue-700 hover:bg-blue-100 rounded-full px-3 py-1 mb-2">
                                <i class="fab fa-wikipedia-w"></i>
                                <span>Z-Library</span>
                            </a>
                            <a href="/wikipedia/wiki/白紙運動" target="_blank" class="wiki-tag text-sm bg-blue-50 text-blue-700 hover:bg-blue-100 rounded-full px-3 py-1 mb-2">
                                <i class="fab fa-wikipedia-w"></i>
                                <span>白紙運動</span>
                            </a>
                            <a href="/wikipedia/wiki/中国共产党" target="_blank" class="wiki-tag text-sm bg-blue-50 text-blue-700 hover:bg-blue-100 rounded-full px-3 py-1 mb-2">
                                <i class="fab fa-wikipedia-w"></i>
                                <span>中国共产党</span>
                            </a>
                            <a href="/wikipedia/wiki/习近平" target="_blank" class="wiki-tag text-sm bg-blue-50 text-blue-700 hover:bg-blue-100 rounded-full px-3 py-1 mb-2">
                                <i class="fab fa-wikipedia-w"></i>
                                <span>习近平</span>
                            </a>
                            <a href="/wikipedia/wiki/中国共产党中央政治局" target="_blank" class="wiki-tag text-sm bg-blue-50 text-blue-700 hover:bg-blue-100 rounded-full px-3 py-1 mb-2">
                                <i class="fab fa-wikipedia-w"></i>
                                <span>中国共产党中央政治局</span>
                            </a>
                            <a href="/wikipedia/wiki/中华人民共和国" target="_blank" class="wiki-tag text-sm bg-blue-50 text-blue-700 hover:bg-blue-100 rounded-full px-3 py-1 mb-2">
                                <i class="fab fa-wikipedia-w"></i>
                                <span>中华人民共和国</span>
                            </a>
                            <a href="/wikipedia/wiki/纪念中国人民抗日战争暨世界反法西斯战争胜利80周年大会" target="_blank" class="wiki-tag text-sm bg-blue-50 text-blue-700 hover:bg-blue-100 rounded-full px-3 py-1 mb-2">
                                <i class="fab fa-wikipedia-w"></i>
                                <span>纪念中国人民抗日战争暨世界反法西斯战争胜利80周年大会</span>
                            </a>
                            <a href="/wikipedia/wiki/对习近平的争议" target="_blank" class="wiki-tag text-sm bg-blue-50 text-blue-700 hover:bg-blue-100 rounded-full px-3 py-1 mb-2">
                                <i class="fab fa-wikipedia-w"></i>
                                <span>对习近平的争议</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- 新闻瀑布流 -->
        <section id="news" class="section mb-12">
            <!-- 头条新闻区域 - 优化的双列布局 -->
            <div class="mb-3 bg-white rounded-lg shadow-sm p-3">
                <div id="headline-news-container" class="grid grid-cols-1 md:grid-cols-2 gap-2">
                    <article class="headline-news py-2 rounded-md cursor-pointer hover:shadow-sm" data-news-id="842261092" data-lang="zh">
                        <h3 class="font-bold text-lg leading-tight mb-1 hover:text-primary">高中生进大厂与个人学校兴起，彰显国际教育重大变革</h3>
                        <div class="flex items-center text-gray-500 text-sm">
                            <span class="bg-red-100 text-red-800 rounded px-2 py-0.5 text-xs font-medium mr-2">金融时报</span>
                            <time data-timestamp="1780969534000"></time>
                        </div>
                    </article>
                    <article class="headline-news py-2 rounded-md cursor-pointer hover:shadow-sm" data-news-id="2485607666" data-lang="zh">
                        <h3 class="font-bold text-lg leading-tight mb-1 hover:text-primary">中国社会应该从高考仪式感中解脱出来了</h3>
                        <div class="flex items-center text-gray-500 text-sm">
                            <span class="bg-green-100 text-green-800 rounded px-2 py-0.5 text-xs font-medium mr-2">金融时报</span>
                            <time data-timestamp="1780969533000"></time>
                        </div>
                    </article>
                    <article class="headline-news py-2 rounded-md cursor-pointer hover:shadow-sm" data-news-id="2469060970" data-lang="zh">
                        <h3 class="font-bold text-lg leading-tight mb-1 hover:text-primary">【LIVE】國軍實彈射擊 雷霆2000震撼登場</h3>
                        <div class="flex items-center text-gray-500 text-sm">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-2 py-0.5 text-xs font-medium mr-2">少康戰情室 TVBS Situation Room</span>
                            <time data-timestamp="1780968736000"></time>
                        </div>
                    </article>
                    <article class="headline-news py-2 rounded-md cursor-pointer hover:shadow-sm" data-news-id="2264233058" data-lang="zh">
                        <h3 class="font-bold text-lg leading-tight mb-1 hover:text-primary">「突襲式離婚」如何揭示現代愛情</h3>
                        <div class="flex items-center text-gray-500 text-sm">
                            <span class="bg-purple-100 text-purple-800 rounded px-2 py-0.5 text-xs font-medium mr-2">BBC</span>
                            <time data-timestamp="1780967623000"></time>
                        </div>
                    </article>
                    <article class="headline-news py-2 rounded-md cursor-pointer hover:shadow-sm" data-news-id="2238394390" data-lang="ru">
                        <h3 class="font-bold text-lg leading-tight mb-1 hover:text-primary">Новые налоги на импортные смартфоны перенесут с сентября на декабрь</h3>
                        <div class="flex items-center text-gray-500 text-sm">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Номер один. Новости Бурятии</span>
                            <time data-timestamp="1780972222000"></time>
                        </div>
                    </article>
                    <article class="headline-news py-2 rounded-md cursor-pointer hover:shadow-sm" data-news-id="4133635873" data-lang="ru">
                        <h3 class="font-bold text-lg leading-tight mb-1 hover:text-primary">Ким Чен Ын заявил о готовности вывести отношения с КНР на новый уровень</h3>
                        <div class="flex items-center text-gray-500 text-sm">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-2 py-0.5 text-xs font-medium mr-2">РБК</span>
                            <time data-timestamp="1780965643000"></time>
                        </div>
                    </article>
                    <article class="headline-news py-2 rounded-md cursor-pointer hover:shadow-sm" data-news-id="2301064855" data-lang="ru">
                        <h3 class="font-bold text-lg leading-tight mb-1 hover:text-primary">Небензя объяснил невозможность переговоров с Украиной «хамством» Киева</h3>
                        <div class="flex items-center text-gray-500 text-sm">
                            <span class="bg-blue-100 text-blue-800 rounded px-2 py-0.5 text-xs font-medium mr-2">РБК</span>
                            <time data-timestamp="1780964442000"></time>
                        </div>
                    </article>
                    <article class="headline-news py-2 rounded-md cursor-pointer hover:shadow-sm" data-news-id="1481954485" data-lang="ru">
                        <h3 class="font-bold text-lg leading-tight mb-1 hover:text-primary">Временные ограничения введены в аэропорту Калуги</h3>
                        <div class="flex items-center text-gray-500 text-sm">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Интерфакс</span>
                            <time data-timestamp="1780964040000"></time>
                        </div>
                    </article>
                </div>
            </div>

            <!-- RU credit block (shown only when UI language is Russian) -->
            <div id="truestory-credit" class="mb-6 hidden">
                <div class="bg-yellow-50 border border-yellow-200 text-yellow-800 rounded-md p-3 text-sm">
                    <span>Новости предоставлены </span>
                    <a href="https://thetruestory.news/ru/russia" target="_blank" rel="noopener noreferrer" class="underline hover:text-yellow-900">thetruestory.news</a>
                </div>
            </div>

            <div class="flex justify-between items-center mb-4">
                <div class="flex items-center">
                    <div class="flex space-x-2" id="type-filter-buttons">
                        <button class="tab-active px-3 py-1 text-sm font-medium" data-type="all" data-i18n="filter.all">全部</button>
                        <button class="text-gray-600 hover:text-primary px-3 py-1 text-sm font-medium" data-type="video" data-i18n="filter.videoOnly">仅视频</button>
                    </div>
                    <div class="relative ml-3">
                        <button id="source-filter-btn" class="text-gray-600 hover:text-primary px-3 py-1 text-sm font-medium flex items-center">
                            <span data-i18n="filter.source">新闻源</span> <i class="fas fa-chevron-down ml-1 text-xs"></i>
                        </button>
                        <div id="source-dropdown" class="hidden absolute left-0 mt-2 w-48 bg-white rounded-md shadow-lg z-10 py-1">
                            <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" data-source="all" data-i18n="filter.allSources">全部来源</a>
                            <!-- 新闻源选项将通过 JavaScript 动态生成 -->
                        </div>
                    </div>
                    
                    <div id="sort-filter-container" class="relative ml-3">
                        <button id="sort-filter-btn" class="text-gray-600 hover:text-primary px-3 py-1 text-sm font-medium flex items-center">
                            <span data-i18n="filter.sortHot">热门</span> <i class="fas fa-chevron-down ml-1 text-xs"></i>
                        </button>
                        <div id="sort-dropdown" class="hidden absolute left-0 mt-2 w-32 bg-white rounded-md shadow-lg z-10 py-1">
                            <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 font-bold" data-sort="hot">
                                <i class="fas fa-fire mr-2 text-red-500"></i><span data-i18n="filter.sortHot">热门</span>
                            </a>
                            <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" data-sort="time">
                                <i class="fas fa-clock mr-2 text-gray-500"></i><span data-i18n="filter.sortTime">最新</span>
                            </a>
                        </div>
                    </div>
                </div>
                
                <!-- 视图切换按钮 -->
                <div class="flex rounded-lg overflow-hidden border border-gray-300">
                    <button id="grid-view-btn" class="view-toggle-btn bg-white">
                        <i class="fas fa-th-large"></i>
                    </button>
                    <button id="list-view-btn" class="view-toggle-btn active bg-white">
                        <i class="fas fa-list"></i>
                    </button>
                </div>
            </div>

            <!-- 网格视图 - 三列布局 -->
            <div id="grid-view" class="hidden grid grid-cols-1 md:grid-cols-3 gap-4">
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1096929307" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Fprogram-think_blogspot_com.png&amp;thumbnail&#x3D;1" alt="分享各类电子书（政治、IT、科普、历史、等，97本）" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">分享各类电子书（政治、IT、科普、历史、等，97本）</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-purple-100 text-purple-800 rounded px-2 py-0.5 text-xs font-medium mr-2">编程随想的博客</span>
                            <time data-timestamp="1620574980000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2324460710" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Ffreezhihu_org.png&amp;thumbnail&#x3D;1" alt="如何看待吃瓜蒙主11.7日清空所有抖音视频？" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">如何看待吃瓜蒙主11.7日清空所有抖音视频？</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-purple-100 text-purple-800 rounded px-2 py-0.5 text-xs font-medium mr-2">自由知乎</span>
                            <time data-timestamp="1766377949000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1951996549" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fi.ytimg.com%2Fvi%2FwgCsJ3RMl3U%2Fhqdefault.jpg&amp;thumbnail&#x3D;1" alt="知识噪音 | GFW人员组织分析 —— 从积至mesa泄露文档分析方滨兴GFW取得成功的关键" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="bg-black bg-opacity-60 rounded-full w-12 h-12 flex items-center justify-center">
                                <i class="fas fa-play text-white"></i>
                            </div>
                        </div>
                        <span class="video-duration text-white text-xs">24:04</span>
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">知识噪音 | GFW人员组织分析 —— 从积至mesa泄露文档分析方滨兴GFW取得成功的关键</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-red-100 text-red-800 rounded px-2 py-0.5 text-xs font-medium mr-2">知识噪音 Knowledge Noise</span>
                            <time data-timestamp="1761644849000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1971966803" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Fyibaochina_com.png&amp;thumbnail&#x3D;1" alt="【译丛】中国的芯片战争战略已定，美国亦应如此" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">【译丛】中国的芯片战争战略已定，美国亦应如此</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-2 py-0.5 text-xs font-medium mr-2">议报</span>
                            <time data-timestamp="1766160020000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2698338504" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Ffreezhihu_org.png&amp;thumbnail&#x3D;1" alt="如何提升普通男性的统战价值？" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">如何提升普通男性的统战价值？</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-blue-100 text-blue-800 rounded px-2 py-0.5 text-xs font-medium mr-2">自由知乎</span>
                            <time data-timestamp="1766377949000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="621234106" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fi.ytimg.com%2Fvi%2FRBoyHSqPFXU%2Fhqdefault.jpg&amp;thumbnail&#x3D;1" alt="知识噪音 | GFW综述 —— 以Geedge积至网络泄露的内部文件为基础学习防火长城GFW的相关技术" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="bg-black bg-opacity-60 rounded-full w-12 h-12 flex items-center justify-center">
                                <i class="fas fa-play text-white"></i>
                            </div>
                        </div>
                        <span class="video-duration text-white text-xs">6:49</span>
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">知识噪音 | GFW综述 —— 以Geedge积至网络泄露的内部文件为基础学习防火长城GFW的相关技术</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-gray-100 text-gray-800 rounded px-2 py-0.5 text-xs font-medium mr-2">知识噪音 Knowledge Noise</span>
                            <time data-timestamp="1761644849000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="3866089284" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Ffreeweibo_com.png&amp;thumbnail&#x3D;1" alt="用户「娱乐榜姐」发布了微博" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">用户「娱乐榜姐」发布了微博</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-green-100 text-green-800 rounded px-2 py-0.5 text-xs font-medium mr-2">自由微博</span>
                            <time data-timestamp="1756760727000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="3673494725" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Ffreeweibo_com.png&amp;thumbnail&#x3D;1" alt="用户「隐于庭的小法师」发布了微博" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">用户「隐于庭的小法师」发布了微博</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-2 py-0.5 text-xs font-medium mr-2">自由微博</span>
                            <time data-timestamp="1756754525000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="770491672" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fyibaochina.com%2Fwp-content%2Fuploads%2F2025%2F12%2FScreenshot-2025-12-19-at-8.08.30-PM.png&amp;thumbnail&#x3D;1" alt="【議想天開】楊煉｜從不可能開始：「反抗」主題之我見" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">【議想天開】楊煉｜從不可能開始：「反抗」主題之我見</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-pink-100 text-pink-800 rounded px-2 py-0.5 text-xs font-medium mr-2">议报</span>
                            <time data-timestamp="1766193306000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="26194756" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fi.ytimg.com%2Fvi%2Ff-TE_NXx0i8%2Fhqdefault.jpg&amp;thumbnail&#x3D;1" alt="知识噪音 | GFW文档分析 —— 研究如何从geedge_docs入手制定GFW的学习计划" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="bg-black bg-opacity-60 rounded-full w-12 h-12 flex items-center justify-center">
                                <i class="fas fa-play text-white"></i>
                            </div>
                        </div>
                        <span class="video-duration text-white text-xs">5:18</span>
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">知识噪音 | GFW文档分析 —— 研究如何从geedge_docs入手制定GFW的学习计划</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-blue-100 text-blue-800 rounded px-2 py-0.5 text-xs font-medium mr-2">知识噪音 Knowledge Noise</span>
                            <time data-timestamp="1761644849000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1895902294" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Flh5.googleusercontent.com%2FmZZunSh5dCEtA4HQg5DaH0zsqNT8eFZsLF6jenb3CWy04-httSxLCKL_YSevg0ozSqShxkSJ5_H8UNr6TWC4j-3-pUqxSROkS_qTBEJFi77aiinNm9USHqbCl8m283Kk2GsYZNVGdk4&amp;thumbnail&#x3D;1" alt="每周转载：从“肿瘤黑幕”看天朝的“医患矛盾”（网文8篇以及俺的点评）" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">每周转载：从“肿瘤黑幕”看天朝的“医患矛盾”（网文8篇以及俺的点评）</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-pink-100 text-pink-800 rounded px-2 py-0.5 text-xs font-medium mr-2">编程随想的博客</span>
                            <time data-timestamp="1619360700000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2258866872" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Fwww_chinainperspective_com.jpg&amp;thumbnail&#x3D;1" alt="冷战—反冷战—新冷战：历史并未终结" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">冷战—反冷战—新冷战：历史并未终结</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-2 py-0.5 text-xs font-medium mr-2">纵览中国</span>
                            <time data-timestamp="1780611539000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2302228912" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Fchinadigitaltimes_net.png&amp;thumbnail&#x3D;1" alt="【404文库】“数字从来不是一次报齐的，先报一档，等批示，再报一档。这就是流程”（外二篇）" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">【404文库】“数字从来不是一次报齐的，先报一档，等批示，再报一档。这就是流程”（外二篇）</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-blue-100 text-blue-800 rounded px-2 py-0.5 text-xs font-medium mr-2">中国数字时代</span>
                            <time data-timestamp="1780780775000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2038795402" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Fchinadigitaltimes_net.png&amp;thumbnail&#x3D;1" alt="【旧闻重温】書和店｜十年前的研判——大型书城改造升级潮背后的隐忧" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">【旧闻重温】書和店｜十年前的研判——大型书城改造升级潮背后的隐忧</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-red-100 text-red-800 rounded px-2 py-0.5 text-xs font-medium mr-2">中国数字时代</span>
                            <time data-timestamp="1780759598000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2238394390" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fs0.rbk.ru%2Fv6_top_pics%2Fmedia%2Fimg%2F4%2F77%2F347809045710774.jpeg&amp;thumbnail&#x3D;1" alt="Новые налоги на импортные смартфоны перенесут с сентября на декабрь" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Новые налоги на импортные смартфоны перенесут с сентября на декабрь</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Номер один. Новости Бурятии</span>
                            <time data-timestamp="1780972222000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="842261092" data-lang="zh">
                    <div class="relative h-36">
                        <div class="news-fallback-logo w-full h-full">
                            金融时报
                        </div>
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">高中生进大厂与个人学校兴起，彰显国际教育重大变革</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-red-100 text-red-800 rounded px-2 py-0.5 text-xs font-medium mr-2">金融时报</span>
                            <time data-timestamp="1780969534000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2485607666" data-lang="zh">
                    <div class="relative h-36">
                        <div class="news-fallback-logo w-full h-full">
                            金融时报
                        </div>
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">中国社会应该从高考仪式感中解脱出来了</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-green-100 text-green-800 rounded px-2 py-0.5 text-xs font-medium mr-2">金融时报</span>
                            <time data-timestamp="1780969533000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2469060970" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.youtube.com%2Fvi%2FStwSePn-Oj4%2F0.jpg&amp;thumbnail&#x3D;1" alt="【LIVE】國軍實彈射擊 雷霆2000震撼登場" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="bg-black bg-opacity-60 rounded-full w-12 h-12 flex items-center justify-center">
                                <i class="fas fa-play text-white"></i>
                            </div>
                        </div>
                        <span class="video-duration text-white text-xs">14:29</span>
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">【LIVE】國軍實彈射擊 雷霆2000震撼登場</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-2 py-0.5 text-xs font-medium mr-2">少康戰情室 TVBS Situation Room</span>
                            <time data-timestamp="1780968736000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2264233058" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fichef.bbci.co.uk%2Face%2Fws%2F640%2Fcpsprodpb%2F4974%2Flive%2F233c94d0-6312-11f1-8b8c-6d33e1d5abb6.jpg.webp&amp;thumbnail&#x3D;1" alt="「突襲式離婚」如何揭示現代愛情" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">「突襲式離婚」如何揭示現代愛情</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-purple-100 text-purple-800 rounded px-2 py-0.5 text-xs font-medium mr-2">BBC</span>
                            <time data-timestamp="1780967623000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="4030764843" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fhk.on.cc%2Fhk%2Fbkn%2Fcnt%2Fnews%2F20260609%2Fphoto%2Fbkn-20260609091040153-0609_00822_001_01p.jpg%3F20260609091040&amp;thumbnail&#x3D;1" alt="中國人濫用旅遊簽證經商　馬來西亞總理下令打擊" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">中國人濫用旅遊簽證經商　馬來西亞總理下令打擊</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-pink-100 text-pink-800 rounded px-2 py-0.5 text-xs font-medium mr-2">東網</span>
                            <time data-timestamp="1780967440000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1741048912" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fichef.bbci.co.uk%2Face%2Fws%2F640%2Fcpsprodpb%2Fff79%2Flive%2F3a826050-60c6-11f1-80e9-dd3de3da8ef3.jpg.webp&amp;thumbnail&#x3D;1" alt="小紅書轉播足球世界盃了，播球和看球的女性還會被視為「花瓶」嗎？" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">小紅書轉播足球世界盃了，播球和看球的女性還會被視為「花瓶」嗎？</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-2 py-0.5 text-xs font-medium mr-2">BBC</span>
                            <time data-timestamp="1780967436000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="131059428" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fworldimg.kbs.co.kr%2Fsrc%2Fimages%2Fnews%2F202606%2F260609092829_48_k.jpg&amp;thumbnail&#x3D;1" alt="朝中社：北中开启关系发展新篇章 商定扩大各领域合作" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">朝中社：北中开启关系发展新篇章 商定扩大各领域合作</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-gray-100 text-gray-800 rounded px-2 py-0.5 text-xs font-medium mr-2">News - Chinese [KBS WORLD Radio]</span>
                            <time data-timestamp="1780965813000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="4133635873" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fim2.kommersant.ru%2FIssues.photo2%2FDAILY%2F2026%2F101%2FKMO_162543_80796_1_t218_134105.jpg&amp;thumbnail&#x3D;1" alt="Ким Чен Ын заявил о готовности вывести отношения с КНР на новый уровень" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Ким Чен Ын заявил о готовности вывести отношения с КНР на новый уровень</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-2 py-0.5 text-xs font-medium mr-2">РБК</span>
                            <time data-timestamp="1780965643000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2301064855" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fs0.rbk.ru%2Fv6_top_pics%2Fmedia%2Fimg%2F9%2F55%2F347809242847559.jpeg&amp;thumbnail&#x3D;1" alt="Небензя объяснил невозможность переговоров с Украиной «хамством» Киева" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Небензя объяснил невозможность переговоров с Украиной «хамством» Киева</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-blue-100 text-blue-800 rounded px-2 py-0.5 text-xs font-medium mr-2">РБК</span>
                            <time data-timestamp="1780964442000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1481954485" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn.vdmsti.ru%2Fimage%2F2026%2F4f%2F149p05%2Fnormal-1g6t.png&amp;thumbnail&#x3D;1" alt="Временные ограничения введены в аэропорту Калуги" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Временные ограничения введены в аэропорту Калуги</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Интерфакс</span>
                            <time data-timestamp="1780964040000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1550762160" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fworldimg.kbs.co.kr%2Fsrc%2Fimages%2Fnews%2F202606%2F260609095052_32_e.jpg&amp;thumbnail&#x3D;1" alt="李在明9日起出访欧洲 出席G7峰会" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">李在明9日起出访欧洲 出席G7峰会</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-blue-100 text-blue-800 rounded px-2 py-0.5 text-xs font-medium mr-2">News - Chinese [KBS WORLD Radio]</span>
                            <time data-timestamp="1780963897000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="3318921779" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimage1-ap-japan.cloudokyo.cloud%2Fimage%2Fv14%2Fb2%2F00%2F6d%2Fb2006dd4-0140-4bc3-be9e-86fcf5f3c39f%2F672.webp&amp;thumbnail&#x3D;1" alt="#北京 漠视 #美国人 命  #中共  #芬太尼 战略意图曝光｜中文即时字幕" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">#北京 漠视 #美国人 命  #中共  #芬太尼 战略意图曝光｜中文即时字幕</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-red-100 text-red-800 rounded px-2 py-0.5 text-xs font-medium mr-2">中国禁闻网</span>
                            <time data-timestamp="1780963419000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2435899600" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fs.rfi.fr%2Fmedia%2Fdisplay%2F6e989da2-29e2-11f1-a3cc-005056a97e36%2Fw%3A1280%2Fp%3A16x9%2Fwaynejackson-electric-6599458-1920.jpg&amp;thumbnail&#x3D;1" alt="青岛启用全球首个专门用于人工智能数据中心的预制式电站" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">青岛启用全球首个专门用于人工智能数据中心的预制式电站</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-green-100 text-green-800 rounded px-2 py-0.5 text-xs font-medium mr-2">法国国际广播电台</span>
                            <time data-timestamp="1780961565000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2372989531" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.caixin.com%2F2026-06-09%2F178096164832427_840_560.jpg&amp;thumbnail&#x3D;1" alt="再提高烟草税窗口期已至？学者建议将部分收入用于医保公卫等" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">再提高烟草税窗口期已至？学者建议将部分收入用于医保公卫等</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-2 py-0.5 text-xs font-medium mr-2">财新网</span>
                            <time data-timestamp="1780961317000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1796918167" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.caixin.com%2F2024-11-07%2F173093525886110_840_560.jpg&amp;thumbnail&#x3D;1" alt="稳就业｜失业保险基金当期结余连续赤字 如何完善保障？" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">稳就业｜失业保险基金当期结余连续赤字 如何完善保障？</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-purple-100 text-purple-800 rounded px-2 py-0.5 text-xs font-medium mr-2">财新网</span>
                            <time data-timestamp="1780960661000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="247014839" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Fwww_voachinese_com.png&amp;thumbnail&#x3D;1" alt="世界杯开幕临近，美国执法机构准备应对安保挑战" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">世界杯开幕临近，美国执法机构准备应对安保挑战</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-pink-100 text-pink-800 rounded px-2 py-0.5 text-xs font-medium mr-2">美国之音</span>
                            <time data-timestamp="1780960105000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="3554177236" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fs.rfi.fr%2Fmedia%2Fdisplay%2F62699a00-6389-11f1-91b7-005056a90284%2Fw%3A1280%2Fp%3A16x9%2F2026-05-31-D-FMM-archive-Afrique-S%25C3%25A9n%25C3%25A9gal-Pastef-Congr%25C3%25A8s-logo-Mandenkan-RFI.jpg&amp;thumbnail&#x3D;1" alt="塞内加尔:法耶总统失去党内支持" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">塞内加尔:法耶总统失去党内支持</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-2 py-0.5 text-xs font-medium mr-2">法国国际广播电台</span>
                            <time data-timestamp="1780957972000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1272414903" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fgdb.voanews.com%2Fe79ff7e1-1d27-462b-47a7-08de3cb97958_cx19_cy22_cw16_w66_r5.jpg&amp;thumbnail&#x3D;1" alt="美议员提案禁止被列为安全威胁的中国实体获得美国专利" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">美议员提案禁止被列为安全威胁的中国实体获得美国专利</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-gray-100 text-gray-800 rounded px-2 py-0.5 text-xs font-medium mr-2">美国之音</span>
                            <time data-timestamp="1780955133000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="4171730616" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fechofm.online%2Fapp%2Fuploads%2F2026%2F06%2F2026-06-08-17.41.55.jpg&amp;thumbnail&#x3D;1" alt="Пожар на заводе в Петербурге мог унести жизни троих" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Пожар на заводе в Петербурге мог унести жизни троих</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Fontanka.ru</span>
                            <time data-timestamp="1780954860000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1774572847" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fnovayagazeta.ru%2Fstatic%2Fsnippets%2F377cd1d45f924a30a7a8212804e02b5a.webp&amp;thumbnail&#x3D;1" alt="Госдума во вторник рассмотрит &quot;Антифрод-2&quot; о защите от кибермошенников" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Госдума во вторник рассмотрит &quot;Антифрод-2&quot; о защите от кибермошенников</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-purple-100 text-purple-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Интерфакс</span>
                            <time data-timestamp="1780954260000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="110118515" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fstatic.dw.com%2Fimage%2F77456786_403.jpg&amp;thumbnail&#x3D;1" alt="Рубио поздравил Пашиняна с победой на выборах" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Рубио поздравил Пашиняна с победой на выборах</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-pink-100 text-pink-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Интерфакс</span>
                            <time data-timestamp="1780951020000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="3516610476" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fnovayagazeta.ru%2Fstatic%2Fsnippets%2F0945d6cb39e44d6ea5068420fbd2633e.webp&amp;thumbnail&#x3D;1" alt="Жителя Петербурга оштрафовали за &quot;дискредитацию&quot; после частного разговора в WhatsApp" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Жителя Петербурга оштрафовали за &quot;дискредитацию&quot; после частного разговора в WhatsApp</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-gray-100 text-gray-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Радио Свобода</span>
                            <time data-timestamp="1780950787000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="954419677" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fs0.rbk.ru%2Fv6_top_pics%2Fmedia%2Fimg%2F9%2F46%2F347809468873469.jpeg&amp;thumbnail&#x3D;1" alt="Зеленский провел телефонный разговор с посланниками президента США" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Зеленский провел телефонный разговор с посланниками президента США</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-pink-100 text-pink-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Fontanka.ru</span>
                            <time data-timestamp="1780949940000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="418233875" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fs0.rbk.ru%2Fv6_top_pics%2Fmedia%2Fimg%2F9%2F24%2F347809042164249.jpeg&amp;thumbnail&#x3D;1" alt="Трамп пригрозил оставить Нетаньяху одного против Ирана" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Трамп пригрозил оставить Нетаньяху одного против Ирана</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-blue-100 text-blue-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Ведомости</span>
                            <time data-timestamp="1780949674000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="3849809517" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fi1.wp.com%2Fbotanwang.com%2Fsites%2Fdefault%2Ffiles%2Fimages%2FClipboard06%2523(519).jpg&amp;thumbnail&#x3D;1" alt="《寒冬》：李向红刑期虽已结束，但报复机器却并未停止运转" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">《寒冬》：李向红刑期虽已结束，但报复机器却并未停止运转</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-blue-100 text-blue-800 rounded px-2 py-0.5 text-xs font-medium mr-2">中国禁闻网</span>
                            <time data-timestamp="1780949430000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="3572049999" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fru.themoscowtimes.com%2Fimage%2Farticle_640%2F8c%2F985647-2.jpg&amp;thumbnail&#x3D;1" alt="В реестре воинского учета появились реальные адреса проживания военнообязанных — «Школа призывника»" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">В реестре воинского учета появились реальные адреса проживания военнообязанных — «Школа призывника»</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-pink-100 text-pink-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Телеканал Дождь</span>
                            <time data-timestamp="1780948561000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2625059125" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fechofm.online%2Fapp%2Fuploads%2F2026%2F06%2F66_wgr8gug.2e16d0ba.fill-800x464.format-jpeg.jpg&amp;thumbnail&#x3D;1" alt="«Временные сложности» из-за «воздушных атак противника»" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">«Временные сложности» из-за «воздушных атак противника»</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-red-100 text-red-800 rounded px-2 py-0.5 text-xs font-medium mr-2">The Moscow Times</span>
                            <time data-timestamp="1780948272000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1291765141" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fs0.rbk.ru%2Fv6_top_pics%2Fmedia%2Fimg%2F3%2F14%2F347809270549143.jpeg&amp;thumbnail&#x3D;1" alt="Верховный суд Татарстана восстановил студентку, отчисленную за ИИ-диплом" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Верховный суд Татарстана восстановил студентку, отчисленную за ИИ-диплом</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Коммерсантъ</span>
                            <time data-timestamp="1780947060000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="3070802173" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2Fisxz2lXRBkoAEq8macFfAgm1shwkzVQ_O5VD3CPBPKbXY0wcDErj63OovpAbkjXIFfPNIhQXKjDca5IaMetQQD3RjPMsxQyPKOmSExonbEcDIvVAB5rdexXW6wvJkMASfM4I-AZkOwa-l3lJcRp9YV_57I6azK1aemloDsTisLrT9STNCxjsgRayz5EyXq9ZZlvHsVp9FZtD783_UEKwIOFpGWK6JHBXPIWJqBzXc6T1wMTm0TX6Zn5Lf30T3ouU24njPC1Xn4EwhNRA0QQBv_ThNYFabxZUJVYi81zssp66ILfatmMocXLg6u53VUb6gGrqVwMCtmRkjeynvVAG7Q.jpg&amp;thumbnail&#x3D;1" alt="Украина атаковала центр по производству беспилотников на аэродроме под Рязанью" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Украина атаковала центр по производству беспилотников на аэродроме под Рязанью</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-green-100 text-green-800 rounded px-2 py-0.5 text-xs font-medium mr-2">The Moscow Times</span>
                            <time data-timestamp="1780946039000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="891709913" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2FfiZROZSq7v01j_hhVfZmreFRU_NpTM6P0pNdsPZdedLDQHv9MWGWBfD7hFig355PfNvKN4y_uaEywSR_0k_L06H9iQKCWFG9zWfT2ExOV5VZmA66iAR-3M4O2j8WZW22alstQR-QyLqZZyHt2MRB-kjVN2RyaI7xBG6j6ZUr_yBgMx6QRyUjYJe13O6tYkoDCIp3y_BMlpx5xNOAfsPnVkDeFQp5r2LQPH5sxWjFrm058Uu3xGQM24UA6PKTnxdRTBIDWtm9_9sNj5fRDGdU1Z68tjbuiPiegThHJZtXhf3r1nM0J9MKWkZ0XrmwwBSKFaznfSZ53IG-eK6XhLBmGA.jpg&amp;thumbnail&#x3D;1" alt="Тиражи книг в России за год упали на 26%" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Тиражи книг в России за год упали на 26%</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Meduza</span>
                            <time data-timestamp="1780944904000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="4046313264" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fim2.kommersant.ru%2FIssues.photo2%2FNEWS%2F2026%2F06%2F08%2FKMO_120232_36547_1_t218_223513.jpg&amp;thumbnail&#x3D;1" alt="На конференции WWDC 2026 Apple объявила о запуске полноценного ИИ-ассистента Siri AI и показала новые функции iOS 27: расширенный родительский контроль и обновлённый дизайн Liquid Glass" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">На конференции WWDC 2026 Apple объявила о запуске полноценного ИИ-ассистента Siri AI и показала новые функции iOS 27: расширенный родительский контроль и обновлённый дизайн Liquid Glass</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-purple-100 text-purple-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Осторожно, новости</span>
                            <time data-timestamp="1780942042000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2751632614" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fstatic.istories.media%2Fuploaded%2Fimages%2F2f24e7217d3f450a9a202b6acbda7d46-1920x960px_1x.webp&amp;thumbnail&#x3D;1" alt="В 2025 году в России выносили два приговора о госизмене в день" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">В 2025 году в России выносили два приговора о госизмене в день</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-red-100 text-red-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Радио Свобода</span>
                            <time data-timestamp="1780941421000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="391739117" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fs0.rbk.ru%2Fv6_top_pics%2Fmedia%2Fimg%2F6%2F01%2F347809375435016.jpeg&amp;thumbnail&#x3D;1" alt="Нидерланды прекратят участие в программе подготовки украинских военных" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Нидерланды прекратят участие в программе подготовки украинских военных</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-gray-100 text-gray-800 rounded px-2 py-0.5 text-xs font-medium mr-2">SOTA</span>
                            <time data-timestamp="1780940108000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1263969777" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2FmMoUlm76AtY_2AVNi8SICdzB4cFr3_vTLTUw7Ta5ncM6uPbKQJ5InpinZ18jpuM9Cp5pOdcCstSpPa7-_Zk3QuwElRlGOwIPmwmQJgDwZDYSD7ipmCLGrgV96zp78o3uoYoVdc_BELebIHTREIhiCjHzuxcxepeWmMnHg9aRH-RnZSIw1h_t8nwUJ_zDI-5POMTRaPYnYrZm1joU26_cpBo6mb1VsZH7xnXaWJ4iA2yc0eE0FGVcESeYPlUwnIkjcoVyW6MoO2PL75l3_GRQ1qrxXlRKTT_GK4C4cZBhQMwS93RJrS_U5A127KH9H0p4Wqd3wLaZS6VL90tmN9t2Nw.jpg&amp;thumbnail&#x3D;1" alt="Губернатор Новосибирской области уволил первого вице-губернатора Петухова" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Губернатор Новосибирской области уволил первого вице-губернатора Петухова</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-purple-100 text-purple-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Коммерсантъ</span>
                            <time data-timestamp="1780939800000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="332262211" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2FFWpojX_xJuM0d8iqT8aK1q4YAY76ljdzSTjVMGBjXZpeT82EO86ib4HUpRDay8bqz8_rFDuWhAzxPIcYq7coUqHESu0pzIKkkONF8abRDwUARIwYt7atEynSUdQZkzjzW0zdXGiAK8vZDW-LvWNmEndkunWUkl2npg7oz25LTEIQJDOihZWpa0efsqFAsW4Qj_GHdrN2rl-aC_XW7l-he-Df5XkZrDRiP864jqn3x6NNzvW52fvvWjXBdCvDLwNNEn8v4JhL5B5z9mQOELrG9DswF7_16RaFx0oc_kiPhNUtkv-OppdvZFz3XQL7GopxqD3Zt1vKrqrrVeWJuPaAIw.jpg&amp;thumbnail&#x3D;1" alt="▶️ Завербуют всех?" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">▶️ Завербуют всех?</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-red-100 text-red-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Говорит НеМосква</span>
                            <time data-timestamp="1780938963000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1048008893" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Fwww_wenxuecity_com.png&amp;thumbnail&#x3D;1" alt="习近平就中朝关系提出四点 教训日本已提上日程" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">习近平就中朝关系提出四点 教训日本已提上日程</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-red-100 text-red-800 rounded px-2 py-0.5 text-xs font-medium mr-2">文学城</span>
                            <time data-timestamp="1780938656000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1048008894" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Fwww_wenxuecity_com.png&amp;thumbnail&#x3D;1" alt="习近平就中朝关系提出四点 教训日本已提上日程" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">习近平就中朝关系提出四点 教训日本已提上日程</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-green-100 text-green-800 rounded px-2 py-0.5 text-xs font-medium mr-2">文学城</span>
                            <time data-timestamp="1780938656000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="3184975096" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn.vdmsti.ru%2Fimage%2F2026%2F4f%2Fzxur6%2Fnormal-1aku.png&amp;thumbnail&#x3D;1" alt="В Лондоне убили автора песен Бритни Спирс и Дуа Липы" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">В Лондоне убили автора песен Бритни Спирс и Дуа Липы</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-gray-100 text-gray-800 rounded px-2 py-0.5 text-xs font-medium mr-2">РБК</span>
                            <time data-timestamp="1780937404000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="957105809" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fs0.rbk.ru%2Fv6_top_pics%2Fmedia%2Fimg%2F8%2F86%2F347809226938868.jpeg&amp;thumbnail&#x3D;1" alt="Повторный аукцион по продаже Рижского вокзала не состоялся" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Повторный аукцион по продаже Рижского вокзала не состоялся</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-gray-100 text-gray-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Журнал &quot;Компания&quot;</span>
                            <time data-timestamp="1780936200000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="3564972865" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fim2.kommersant.ru%2FIssues.photo2%2FDAILY%2F2026%2F100M%2FKMO_195737_00032_1_t218_202240.jpg&amp;thumbnail&#x3D;1" alt="Школьников и студентов в России будут привлекать к записи воспоминаний участников «СВО»" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Школьников и студентов в России будут привлекать к записи воспоминаний участников «СВО»</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-pink-100 text-pink-800 rounded px-2 py-0.5 text-xs font-medium mr-2">The Insider</span>
                            <time data-timestamp="1780935993000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="366567326" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fstatic.s3.novayagazeta.eu%2Fstatic%2Fpreviews%2F2026%2F06%2F07%2Fft-rossiiskii-biznesmen-vstrechavshiisia-s-zelenskim-v-kieve-eto-roman-abramovich-news.png&amp;thumbnail&#x3D;1" alt="Владимир Зеленский подтвердил встречу с Романом Абрамовичем в мае" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Владимир Зеленский подтвердил встречу с Романом Абрамовичем в мае</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-pink-100 text-pink-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Эхо/Новости</span>
                            <time data-timestamp="1780935184000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2702864005" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fechofm.online%2Fapp%2Fuploads%2F2026%2F06%2F1768466027721-9lvty-680dfe90bad1be06535332844c3fbeb6aa6949dbc0782212c178f20d9453b44f.webp&amp;thumbnail&#x3D;1" alt="ОАЭ продлили ограничения на полеты до 23 июня" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">ОАЭ продлили ограничения на полеты до 23 июня</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-green-100 text-green-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Ведомости</span>
                            <time data-timestamp="1780934310000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2691313639" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fverstka.media%2Fwp-content%2Fuploads%2F2026%2F06%2F2026-06-08-12.48.07.jpg&amp;thumbnail&#x3D;1" alt="Пригородное сообщение в Крыму частично восстановлено" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Пригородное сообщение в Крыму частично восстановлено</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Коммерсантъ</span>
                            <time data-timestamp="1780934160000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1620916309" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fgdb.currenttime.tv%2F08340000-0a00-0242-06bb-08da8cdd1cd6_cx0_cy12_cw0_w1200_h630.jpg&amp;thumbnail&#x3D;1" alt="Московский суд заочно арестовал командующего беспилотными системами ВСУ Роберта Бровди и его подчиненного по делу о теракте после удара по колледжу в Старобельске" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Московский суд заочно арестовал командующего беспилотными системами ВСУ Роберта Бровди и его подчиненного по делу о теракте после удара по колледжу в Старобельске</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-blue-100 text-blue-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Mediazona</span>
                            <time data-timestamp="1780933028000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2256495061" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2FQvffThaHUCGzt-gLM3TWvuwfxJCdHSg0kzbXH3zj8HzQIozQf76SZeaZOnFxkJbIeqg8ZiOd-r1BpHCCH6oBVcLYq0Ai5YyM0swywTJLR_2G__w4z9i35yHigdDwCkSKVTAnLo10htB9hnUwKE3Bz0p0_DnKC4RiAESKe-C8O8U3F6YpJW6_aC6DbdSwNPdYssF43ld1qIzOoORuNyVuX-FbwFehbY42xi_gJGKkoqQpkB1tKRrcs1-MvzuCNF31hustxe5r8ZT1k5TL1_6AeHwqGD-onBdA9kJHoMvTCprnbPAIiCQ3XVSKI11648DV-fwfLIDBqy8-Tp_KjDacWw.jpg&amp;thumbnail&#x3D;1" alt="В результате российских ударов по Украине погибли три человека" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">В результате российских ударов по Украине погибли три человека</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-red-100 text-red-800 rounded px-2 py-0.5 text-xs font-medium mr-2">SOTA</span>
                            <time data-timestamp="1780933021000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="3235446472" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2FV0p67jiYKTOkmBWKPd_WVtRcwbkBrGvoKXtRM-3UGGwYYXTvfrJR1Zhf_AZVD12gRU1-p-f_n9g8u4ADSNav7VFVeu5QSaCZWhxoi2U9lilBgXkEBx5xLC3HBFbEUuITPxyPsGlEykJ3HkqZ2Gizo2_kNyg8W6FmdGgEcnLT32LvOmsMOCkgWnQNNMjtyTyJ7CLltiPLjGUkD3EG2kEQW7SJOz6_i8Z1XOPrIwXdY74VxbHJUDyz2sXpxqAvuIvkfmbqdLgdc5gXShXHZ9bvCB6i3V-pMvZKhdfgCqTZ0jFcah6TMrX4FhlPNV5jedEh-yfwrLQSLaqlkWn2YaxdhA.jpg&amp;thumbnail&#x3D;1" alt="Дом Андрея Макаревича в Израиле попал под удар Ирана" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Дом Андрея Макаревича в Израиле попал под удар Ирана</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-gray-100 text-gray-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Meduza</span>
                            <time data-timestamp="1780932991000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2658537644" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fnovayagazeta.ru%2Fstatic%2Fsnippets%2Ff0afa320f48647f79032e43c95719171.webp&amp;thumbnail&#x3D;1" alt="Свердловский ученый, планировавший идти от партии «Яблока» в Заксобрание, вышел из спецприемника" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Свердловский ученый, планировавший идти от партии «Яблока» в Заксобрание, вышел из спецприемника</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Говорит НеМосква</span>
                            <time data-timestamp="1780931740000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="149639090" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2FO3gFidDC6GRyNLuSWafInyN_USdWxPV7R62gtYsCrDfiDZb_xgmzeJVPXVOvjL6psRfiFKw79nhW6pFuu9z_eQ4kCLguZDriwhGbW3LjNvldjhqGZSRwNyoWGnZ1gV5GTqol1LViwbKjR4W8cEQHPu-SExeLiaPVOXkpwm8cutdImZlUg61TRTln1llkIhgi2X_MfTMWnwyq-_1rC7nawj46Tk_1ejVqQogiyh_ctBGfOzHTbAFNDFTEq1LHeFhwk1ep2wMXusd6wqH9J9v2pc2IZOrRTzv_l5PGyY3rV6u9M3ia2tHag1v3St4tw3B8PzvU4VqmLXyDuT2TzAZNMw.jpg&amp;thumbnail&#x3D;1" alt="Два человека погибли при ударе по спальному району Запорожья" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Два человека погибли при ударе по спальному району Запорожья</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-green-100 text-green-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Настоящее время</span>
                            <time data-timestamp="1780931623000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2628440598" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fs0.rbk.ru%2Fv6_top_pics%2Fmedia%2Fimg%2F9%2F09%2F347809302830099.jpeg&amp;thumbnail&#x3D;1" alt="Банк России понизил официальный курс доллара на 9 июня на 0,19 рубля" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Банк России понизил официальный курс доллара на 9 июня на 0,19 рубля</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-red-100 text-red-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Ведомости</span>
                            <time data-timestamp="1780931623000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2617156925" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn.vdmsti.ru%2Fimage%2F2026%2F4f%2Fykv6t%2Fnormal-18tf.png&amp;thumbnail&#x3D;1" alt="Эльвира Набиуллина пропустит еще одно мероприятие" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Эльвира Набиуллина пропустит еще одно мероприятие</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-green-100 text-green-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Телеканал Дождь</span>
                            <time data-timestamp="1780931538000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="94995996" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fechofm.online%2Fapp%2Fuploads%2F2026%2F06%2F20190617-air-show-le-bourget-schmidt-053-scaled.jpg&amp;thumbnail&#x3D;1" alt="Германия и Франция приостанавливают совместную разработку истребителя FCAS" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Германия и Франция приостанавливают совместную разработку истребителя FCAS</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Телеканал Ostwest</span>
                            <time data-timestamp="1780931343000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="828938181" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fgdb.currenttime.tv%2Fa0c76346-3e30-4f9c-8403-bf257a2e0683_w1200_h630.jpg&amp;thumbnail&#x3D;1" alt="Латвия заблокировала Wildberries и еще семь российских ресурсов за «формирование позитивного отношения к России»" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Латвия заблокировала Wildberries и еще семь российских ресурсов за «формирование позитивного отношения к России»</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-green-100 text-green-800 rounded px-2 py-0.5 text-xs font-medium mr-2">ASTRA</span>
                            <time data-timestamp="1780930508000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="351975829" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.youtube.com%2Fvi%2FwBgzGt2oGo0%2F0.jpg&amp;thumbnail&#x3D;1" alt="【完整版下集】李四川全體「五個年齡組」都領先蘇巧慧　公布民調較勁新北煙硝味？20260608｜#林亮君 #張啟楷 #賴士葆 #馬文君 #李永萍" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="bg-black bg-opacity-60 rounded-full w-12 h-12 flex items-center justify-center">
                                <i class="fas fa-play text-white"></i>
                            </div>
                        </div>
                        <span class="video-duration text-white text-xs">7:42</span>
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">【完整版下集】李四川全體「五個年齡組」都領先蘇巧慧　公布民調較勁新北煙硝味？20260608｜#林亮君 #張啟楷 #賴士葆 #馬文君 #李永萍</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-2 py-0.5 text-xs font-medium mr-2">少康戰情室 TVBS Situation Room</span>
                            <time data-timestamp="1780930157000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="293415547" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.news.ebc.net.tw%2FEbcNews%2Fnews%2F2026%2F05%2F22%2F1779462989_48878.png&amp;thumbnail&#x3D;1" alt="大雨狂灌「全台紫爆」6/9停班停課資訊一次看" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">大雨狂灌「全台紫爆」6/9停班停課資訊一次看</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-purple-100 text-purple-800 rounded px-2 py-0.5 text-xs font-medium mr-2">東森新聞</span>
                            <time data-timestamp="1780929960000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2346035460" data-lang="ru">
                    <div class="relative h-36">
                        <div class="news-fallback-logo w-full h-full">
                            Телеканал Дождь
                        </div>
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">❗️ Стартовала неделя марафона солидарности с политзаключенными проекта «Ты не один» совместно с независимыми медиа</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-blue-100 text-blue-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Телеканал Дождь</span>
                            <time data-timestamp="1780929912000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1418141774" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2Fhj9FokNb53dzQhcxsILg2yZ1OxSeukcuZcKGTUY0e1-WGyLHYBhutP-ODcHW0uShb8rvj3I2PmAQYmPyNZHcXI1N1DLet-njy7jMqH4l__pZo7-KTPYIraIy9l58SFF3u2tqmkYcxftGmn-mxGXSIppAS4Nx-BTkpppHcr9O9iA1ljMiVz0ad8w506__s_54lSKcpIIULjUTcAW-d3bLWV4BQc2XAdXJ7jnN5CP5wnGrwDFLI4itS06G8YbsC91_FQqD0rjn7S6ftrDFdNySNAKOWqmdVuxVB2zPUCJhpfl8BWgSkqLZyPl4b1k9Yzb9NTMW2PBhe0vLSkSf_IvKtg.jpg&amp;thumbnail&#x3D;1" alt="Ynet: Трамп хочет привлечь патриарха Иерусалима к переговорам между Россией и Украиной" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Ynet: Трамп хочет привлечь патриарха Иерусалима к переговорам между Россией и Украиной</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Радио Свобода</span>
                            <time data-timestamp="1780929594000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="300536393" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Fwww_dw_com.png&amp;thumbnail&#x3D;1" alt="中国汽车销售连续8个月下滑 年度预测降一成" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">中国汽车销售连续8个月下滑 年度预测降一成</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-pink-100 text-pink-800 rounded px-2 py-0.5 text-xs font-medium mr-2">德国之声</span>
                            <time data-timestamp="1780929120000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="84248209" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Fwww_dw_com.png&amp;thumbnail&#x3D;1" alt="北约战机击落进入拉脱维亚领空外国无人机" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">北约战机击落进入拉脱维亚领空外国无人机</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-2 py-0.5 text-xs font-medium mr-2">德国之声</span>
                            <time data-timestamp="1780928460000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2728733557" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fnovayagazeta.ru%2Fstatic%2Fsnippets%2Fc5b747f9492340f0930911f182893d7e.webp&amp;thumbnail&#x3D;1" alt="Песков сравнил топливный кризис в Крыму со скупкой гречки" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Песков сравнил топливный кризис в Крыму со скупкой гречки</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-blue-100 text-blue-800 rounded px-2 py-0.5 text-xs font-medium mr-2">RusNews</span>
                            <time data-timestamp="1780928154000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1306360552" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn.vdmsti.ru%2Fimage%2F2026%2F4f%2Fih0yb%2Fnormal-nxw.jpg&amp;thumbnail&#x3D;1" alt="ФСБ отчиталась о задержании 24 человек, принимавших ставки для крупнейших нелегальных онлайн-казино" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">ФСБ отчиталась о задержании 24 человек, принимавших ставки для крупнейших нелегальных онлайн-казино</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-red-100 text-red-800 rounded px-2 py-0.5 text-xs font-medium mr-2">The Moscow Times</span>
                            <time data-timestamp="1780927419000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="3842875463" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2Fak5A-9_dUJsS9akjpOE-P7rrahBdOb-rmWsgXRpIM1eWI9WqLOykmZp_cEWjk8IUZLR0yVV__rk50N6p35-zH2TuhC3i-bTkNa1RisEXoGgpgjOGDvl41VlzfSu0i1e_s27kXJ1dQfIY6ehqROsQidIJzlgA0k1OXHZZT4Z2XMdU14V2dN12UzxDoVMNcAuFKprlBTSmm7FWNDf6tDT9ytgKFZEyjmL5cgK2oAO9xasqbdioUzdO1SALKcawlalB1omfGpzKTv5mRYoy6lfvDxkw_0nfXOwK6K-1Dpv4w6INXryBalFRWAdtp0ggH4STB3QNZHNNSHmBWpHYVUzXeA.jpg&amp;thumbnail&#x3D;1" alt="Число жертв землетрясения на Филиппинах выросло до 32 человек" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Число жертв землетрясения на Филиппинах выросло до 32 человек</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-blue-100 text-blue-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Ведомости</span>
                            <time data-timestamp="1780926696000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1685663129" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2FqkqxyVwc_PoNWh-A02Bzumj99ccyJhATwnVj1aWLfEAbj1rZrtCeoY_pQ_H80UOndo1ythtYe-yhHXJHN2fi6_o6g_Dc30iH5hQYX3ozm_7WsoLliORmEr_Ktw6i0VrdAiPwsiShCZnKSKtJhNxFT57xdfWDTh8kWyMrA-o9gu8bhz8Jxvr8FckgfWBKmjvfPJ9qQE13xkHD8L2Wa6t_X5KrziIDpl3ZBq0sQKJQUt1WNkSdRtecEoeeXlghHUHgyiWhpKLwyLuk2MXLChP-KbyV26WiIk5paVmRHUOwA77nIvsUXH9OQ9aP-EEMGOsLUG9qabGZVYsWw0LppFMxvQ.jpg&amp;thumbnail&#x3D;1" alt="«Нет Макса — нет праздника»: на бесплатные концерты ко Дню молодежи смогут попасть только пользователи нацмессенджера»" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">«Нет Макса — нет праздника»: на бесплатные концерты ко Дню молодежи смогут попасть только пользователи нацмессенджера»</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-purple-100 text-purple-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Говорит НеМосква</span>
                            <time data-timestamp="1780924984000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2277980463" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn.vdmsti.ru%2Fimage%2F2026%2F4f%2Fsomoz%2Fnormal-116a.jpg&amp;thumbnail&#x3D;1" alt="Посольство России рекомендовало воздержаться от поездок в Израиль" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Посольство России рекомендовало воздержаться от поездок в Израиль</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-2 py-0.5 text-xs font-medium mr-2">SOTA</span>
                            <time data-timestamp="1780924205000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="3317341828" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Frtvi.com%2Fwp-content%2Fuploads%2F2026%2F06%2F55320831624_691a57ee5c_o-1000x562.jpg&amp;thumbnail&#x3D;1" alt="Германия, Франция и Великобритания сформулировали свою переговорную позицию накануне саммитов ЕС и НАТО" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Германия, Франция и Великобритания сформулировали свою переговорную позицию накануне саммитов ЕС и НАТО</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-purple-100 text-purple-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Телеканал Ostwest</span>
                            <time data-timestamp="1780923064000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="798299229" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.news.ebc.net.tw%2FEbcNews%2Fnews%2F2026%2F05%2F22%2F1779462989_48878.png&amp;thumbnail&#x3D;1" alt="大雨狂灌「全台紫爆」6/9停班停課資訊一次看" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">大雨狂灌「全台紫爆」6/9停班停課資訊一次看</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-gray-100 text-gray-800 rounded px-2 py-0.5 text-xs font-medium mr-2">東森新聞</span>
                            <time data-timestamp="1780921500000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2791701411" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.youtube.com%2Fvi%2FRB4-iHLPPa8%2F0.jpg&amp;thumbnail&#x3D;1" alt="金正恩主持欢迎仪式，习近平感动，川普流泪｜新闻特写2026068" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="bg-black bg-opacity-60 rounded-full w-12 h-12 flex items-center justify-center">
                                <i class="fas fa-play text-white"></i>
                            </div>
                        </div>
                        <span class="video-duration text-white text-xs">21:56</span>
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">金正恩主持欢迎仪式，习近平感动，川普流泪｜新闻特写2026068</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-blue-100 text-blue-800 rounded px-2 py-0.5 text-xs font-medium mr-2">王志安</span>
                            <time data-timestamp="1780921224000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="413629937" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2FlsGNcmKSNpiNHI2bicqro46Y3C5fAQ-EFxhEgCZK1FbrorQoCT1WhsO0SMKOXfYwNceupGGAZ96hrQWAdE1MJs8FUVlzzqokNenp9unISZFG1x8Q0XnxCLV9L3aFg-jCgVKuggYvg6bEsCWf5yLoozTGjQS3C-rjBUVwIRysxCNGLv_ElEkbfp8HVY03nsGctvPTfykHSb8bB68GbamfyW5o1tRsdf9zB_Z4_r_k784Bb4-dZbMRn5NNek85HHgCKs3hVZsP61UXVhD_2OZdu0hXZxF9SGGyn2jTTpXDvvbfAsQyxqFfDnwKXVM69-jLq0bJS_dG-fIepO1pPW4pMw.jpg&amp;thumbnail&#x3D;1" alt="Ходорковского заочно приговорили в России к 10 годам колонии по делу о военных «фейках»" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Ходорковского заочно приговорили в России к 10 годам колонии по делу о военных «фейках»</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-2 py-0.5 text-xs font-medium mr-2">The Moscow Times</span>
                            <time data-timestamp="1780920827000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2669391922" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fthebell.io%2Fstorage_v2%2Fimages%2F0f0%2F42d%2F0f042d7e-01f7-4a11-9b98-685469b8895b.jpg&amp;thumbnail&#x3D;1" alt="Financial Times: после убийства Али Хаменеи российские спецслужбы отключали и проверяли на уязвимости систему видеонаблюдения, созданную для безопасности Путина" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Financial Times: после убийства Али Хаменеи российские спецслужбы отключали и проверяли на уязвимости систему видеонаблюдения, созданную для безопасности Путина</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-gray-100 text-gray-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Mediazona</span>
                            <time data-timestamp="1780920206000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1255514941" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.youtube.com%2Fvi%2FmF3YBPIN6_Q%2F0.jpg&amp;thumbnail&#x3D;1" alt="纽约时报记者被驱逐，中共与西方媒体交往风云变幻80年（下）｜王月眉｜赖清德｜驻华记者｜王局拍案20260608" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="bg-black bg-opacity-60 rounded-full w-12 h-12 flex items-center justify-center">
                                <i class="fas fa-play text-white"></i>
                            </div>
                        </div>
                        <span class="video-duration text-white text-xs">16:39</span>
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">纽约时报记者被驱逐，中共与西方媒体交往风云变幻80年（下）｜王月眉｜赖清德｜驻华记者｜王局拍案20260608</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-red-100 text-red-800 rounded px-2 py-0.5 text-xs font-medium mr-2">王志安</span>
                            <time data-timestamp="1780920037000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="215188592" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fim2.kommersant.ru%2FIssues.photo2%2FDAILY%2F2026%2F101%2FKMO_205168_00013_1_t218_204405.jpg&amp;thumbnail&#x3D;1" alt="Правительство предложило выдавать регионам кредиты под 0,1% годовых для снижения долговой нагрузки" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Правительство предложило выдавать регионам кредиты под 0,1% годовых для снижения долговой нагрузки</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-pink-100 text-pink-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Журнал &quot;Компания&quot;</span>
                            <time data-timestamp="1780919100000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="3384560575" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fs0.rbk.ru%2Fv6_top_pics%2Fmedia%2Fimg%2F9%2F94%2F347809408350949.jpeg&amp;thumbnail&#x3D;1" alt="Украина получила от ЕС транш помощи на сумму в 2,8 млрд евро" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Украина получила от ЕС транш помощи на сумму в 2,8 млрд евро</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-green-100 text-green-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Deutsche Welle</span>
                            <time data-timestamp="1780917300000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1331731481" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fim2.kommersant.ru%2FIssues.photo2%2FNEWS%2F2026%2F06%2F08%2FKMO_206622_00014_1_t218_141708.jpg&amp;thumbnail&#x3D;1" alt="Москва намерена выстраивать отношения с Ереваном с учетом действий властей Армении" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Москва намерена выстраивать отношения с Ереваном с учетом действий властей Армении</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Интерфакс</span>
                            <time data-timestamp="1780915140000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="3224089172" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fgdb.currenttime.tv%2F4f3afc7a-6f21-4752-162b-08debadc4af7_cx0_cy10_cw0_w1200_h630.jpg&amp;thumbnail&#x3D;1" alt="Израильские военные планируют наносить удары по Ирану несколько дней" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Израильские военные планируют наносить удары по Ирану несколько дней</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-red-100 text-red-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Интерфакс</span>
                            <time data-timestamp="1780914600000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="934785415" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fechofm.online%2Fapp%2Fuploads%2F2026%2F06%2F0-21-scaled.jpg&amp;thumbnail&#x3D;1" alt="QR-коды, разрешающие купить жителям аннексированного Крыма 20 литров бензина, закончились за считанные минуты, местные паблики прекратили публиковать сообщения о дефиците" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">QR-коды, разрешающие купить жителям аннексированного Крыма 20 литров бензина, закончились за считанные минуты, местные паблики прекратили публиковать сообщения о дефиците</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-green-100 text-green-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Эхо/Новости</span>
                            <time data-timestamp="1780911647000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="933657271" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.youtube.com%2Fvi%2FMrYso9FsR1o%2F0.jpg&amp;thumbnail&#x3D;1" alt="14億人的底線：台灣為什麼永遠不可能獨立？海外前黨員談台灣問題的本質。" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="bg-black bg-opacity-60 rounded-full w-12 h-12 flex items-center justify-center">
                                <i class="fas fa-play text-white"></i>
                            </div>
                        </div>
                        <span class="video-duration text-white text-xs">19:45</span>
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">14億人的底線：台灣為什麼永遠不可能獨立？海外前黨員談台灣問題的本質。</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-green-100 text-green-800 rounded px-2 py-0.5 text-xs font-medium mr-2">我是柳傑克</span>
                            <time data-timestamp="1780911028000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1845492648" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2FN0ktANmTlEpjkSZ_qjBgM_svSqCFU29a-q33fMsPyNc_v0YCeWUCjoLMe3GpYIIOqgcLl6KkF8ifsGaKnqr8xgKk0qKsjZIgIrlWycDLgi-rCswWQpIYLPE9FbWuheb2KLQJ2lZHXZIJeHEPdz_UdMNDcwuNLhSmTX0A0sJukC-AlP8okgUhpp9qyocAUeuNnayFYNB89rTWFqIhbbIxdB7ekMyi4cVv72F5OJi2aHTPOQH7BIMiJoroy4SEiXyFd5HKtJslhHOuMby_6SrJxDPOJZlfWRrOV8SHavpKp9v4BmEztGV1-aSypZJ5_0DSwWI7jUiazfj_uPCrNcPlrg.jpg&amp;thumbnail&#x3D;1" alt="Правительство Южной Осетии ушло в отставку" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">Правительство Южной Осетии ушло в отставку</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-2 py-0.5 text-xs font-medium mr-2">RusNews</span>
                            <time data-timestamp="1780910666000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1199744115" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2FHWZYg9bLss7vUyaxDYSxe686sWL8J8coyqB4-uguxgf-qzi6fowXcdYns5t7C44Ru7DOfqQKnSgHfJyoRuftP0-7pNWuyOxAMWR4mFCALbbe9Vj8ei3LcxaRgLeZj5UTaubwscYL1-_6SHWmcAvOAcAOQSIwsOZ4U9tFO_SwqNKQ3vvDMVyzt88cGAdqM1LV0SaKavG65TC2HtCSx8exMuLJxT6KB_VrUSIIEV991XoIYvse7iAWflWyJtgFmWK14tq6r-tPJAMN6FejD-7yP_YH2NC0c2D2B9IZpVuc0PYI-ZR51ITBSK-MMZi1RRQDQThDwTMkntWO2tBZISV-cQ.jpg&amp;thumbnail&#x3D;1" alt="В Молдавии обнаружили обломки украинского беспилотника" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">В Молдавии обнаружили обломки украинского беспилотника</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-gray-100 text-gray-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Ведомости</span>
                            <time data-timestamp="1780910490000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2145947804" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fnovayagazeta.ru%2Fstatic%2Fsnippets%2Fbec3eb3ad58c43f19f62bbe80cc9ba7d.webp&amp;thumbnail&#x3D;1" alt="ЕС разрешил военным брать на абордаж танкеры с российской нефтью в Средиземном море" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">ЕС разрешил военным брать на абордаж танкеры с российской нефтью в Средиземном море</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-blue-100 text-blue-800 rounded px-2 py-0.5 text-xs font-medium mr-2">The Moscow Times</span>
                            <time data-timestamp="1780909700000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="2298765302" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2FmpdxsgTO_0JPyl8Fopm97Ggp8Mkr8S5nMZL_qcSjyjqUImp8bB7vSnIKVvkPa6YbvkZrJwOZrPG5GBFkt1hx8dA7Bl3yF4hjT0UYp3D340-uIX51y7SxFdiyoTk_1JnXMlTBtt2ideooNjnDlHgJAL68eZXuX6flyeRd42GjKgsuldU3V1CUtry1cZxCGPw7QiR_Ij8vQCPDTHDvFk1pD6k7LW7mJBnPW5KINxSJy7X5p8VCGGBQLP5AwlVZjAyJ42Kg8d_iu5qvJSfNz9_UWP7jQQJaurZOpuvhOyxeI86p57M1idNWNRBg4UnF2pEYP8vkRs50X6Qvx5ezvEbmeg.jpg&amp;thumbnail&#x3D;1" alt="🕊 Уголовное дело в отношении поэта Гликерия Улунова, которого обвиняли в склонении к самоубийству за стихи, прекращено" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">🕊 Уголовное дело в отношении поэта Гликерия Улунова, которого обвиняли в склонении к самоубийству за стихи, прекращено</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-purple-100 text-purple-800 rounded px-2 py-0.5 text-xs font-medium mr-2">Первый отдел</span>
                            <time data-timestamp="1780908014000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="3431363458" data-lang="ru">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fim2.kommersant.ru%2FIssues.photo2%2FDAILY%2F2026%2F100M%2FKMO_168502_00064_1_t218_203753.jpg&amp;thumbnail&#x3D;1" alt="На фоне топливного кризиса в Крыму турпоток рухнул на 31%" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">На фоне топливного кризиса в Крыму турпоток рухнул на 31%</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-purple-100 text-purple-800 rounded px-2 py-0.5 text-xs font-medium mr-2">RusNews</span>
                            <time data-timestamp="1780900044000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="3601683941" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fstatic01.nyt.com%2Fimages%2F2026%2F06%2F07%2Fopinion%2F07wallace-wells-newsletter%2F03wallace-wells-newsletter-master1050.jpg&amp;thumbnail&#x3D;1" alt="为什么没人关心世界杯了？" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">为什么没人关心世界杯了？</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-2 py-0.5 text-xs font-medium mr-2">纽约时报</span>
                            <time data-timestamp="1780893585000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1342796486" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.youtube.com%2Fvi%2FFYVek1M6Rjc%2F0.jpg&amp;thumbnail&#x3D;1" alt="台軍編制人員只剩41%。退役台軍：我們一個人要幹三個人的活！台軍的基層已經被掏空。" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="bg-black bg-opacity-60 rounded-full w-12 h-12 flex items-center justify-center">
                                <i class="fas fa-play text-white"></i>
                            </div>
                        </div>
                        <span class="video-duration text-white text-xs">16:53</span>
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">台軍編制人員只剩41%。退役台軍：我們一個人要幹三個人的活！台軍的基層已經被掏空。</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-purple-100 text-purple-800 rounded px-2 py-0.5 text-xs font-medium mr-2">我是柳傑克</span>
                            <time data-timestamp="1780891214000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1474493957" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fstatic01.nyt.com%2Fimages%2F2026%2F06%2F04%2Fmultimedia%2F00BIZ-CHINA-RULES-01-tjbf%2F00BIZ-CHINA-RULES-01-tjbf-master1050.jpg&amp;thumbnail&#x3D;1" alt="中国要求企业出海前接受国安审查，构建经济堡垒" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">中国要求企业出海前接受国安审查，构建经济堡垒</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-pink-100 text-pink-800 rounded px-2 py-0.5 text-xs font-medium mr-2">纽约时报</span>
                            <time data-timestamp="1780891000000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="373061800" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.youtube.com%2Fvi%2FErmL0wSPKjk%2F0.jpg&amp;thumbnail&#x3D;1" alt="A股是投机，美股是投资？ #美股暴跌  #美股大逃杀   #A股  #美股  #不明白播客 #shorts" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="bg-black bg-opacity-60 rounded-full w-12 h-12 flex items-center justify-center">
                                <i class="fas fa-play text-white"></i>
                            </div>
                        </div>
                        <span class="video-duration text-white text-xs">10:04</span>
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">A股是投机，美股是投资？ #美股暴跌  #美股大逃杀   #A股  #美股  #不明白播客 #shorts</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-2 py-0.5 text-xs font-medium mr-2">不明白播客</span>
                            <time data-timestamp="1780845478000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="3688210432" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Fwww_chinainperspective_com.jpg&amp;thumbnail&#x3D;1" alt="徐勤先，用自己的仕途、自由和余生，守住了一个军人最朴素的信仰" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">徐勤先，用自己的仕途、自由和余生，守住了一个军人最朴素的信仰</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-gray-100 text-gray-800 rounded px-2 py-0.5 text-xs font-medium mr-2">纵览中国</span>
                            <time data-timestamp="1780844556000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="1580505352" data-lang="zh">
                    <div class="relative h-36">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.youtube.com%2Fvi%2FKUdrjRmmSZY%2F0.jpg&amp;thumbnail&#x3D;1" alt="A股和美股的区别在哪里？ #美股暴跌  #美股大逃杀   #A股  #美股  #不明白播客 #shorts" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="bg-black bg-opacity-60 rounded-full w-12 h-12 flex items-center justify-center">
                                <i class="fas fa-play text-white"></i>
                            </div>
                        </div>
                        <span class="video-duration text-white text-xs">17:01</span>
                    </div>
                    <div class="p-3">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">A股和美股的区别在哪里？ #美股暴跌  #美股大逃杀   #A股  #美股  #不明白播客 #shorts</h3>
                        <div class="flex items-center text-gray-500 text-sm mb-1">
                            <span class="bg-green-100 text-green-800 rounded px-2 py-0.5 text-xs font-medium mr-2">不明白播客</span>
                            <time data-timestamp="1780750450000"></time>
                        </div>
                    </div>
                </article>
            </div>

            <!-- 列表视图 (默认，紧凑视图) - 双列布局 -->
            <div id="list-view" class="grid grid-cols-1 md:grid-cols-2 gap-2">
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1096929307" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Fprogram-think_blogspot_com.png&amp;thumbnail&#x3D;1" alt="分享各类电子书（政治、IT、科普、历史、等，97本）" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">分享各类电子书（政治、IT、科普、历史、等，97本）</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-purple-100 text-purple-800 rounded px-1 py-0.5 text-xs font-medium mr-1">编程随想的博客</span>
                            <time data-timestamp="1620574980000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2324460710" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Ffreezhihu_org.png&amp;thumbnail&#x3D;1" alt="如何看待吃瓜蒙主11.7日清空所有抖音视频？" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">如何看待吃瓜蒙主11.7日清空所有抖音视频？</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-purple-100 text-purple-800 rounded px-1 py-0.5 text-xs font-medium mr-1">自由知乎</span>
                            <time data-timestamp="1766377949000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1951996549" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fi.ytimg.com%2Fvi%2FwgCsJ3RMl3U%2Fhqdefault.jpg&amp;thumbnail&#x3D;1" alt="知识噪音 | GFW人员组织分析 —— 从积至mesa泄露文档分析方滨兴GFW取得成功的关键" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="bg-black bg-opacity-60 rounded-full w-8 h-8 flex items-center justify-center">
                                <i class="fas fa-play text-white text-xs"></i>
                            </div>
                        </div>
                        <span class="video-duration text-white text-xs">24:04</span>
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">知识噪音 | GFW人员组织分析 —— 从积至mesa泄露文档分析方滨兴GFW取得成功的关键</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-red-100 text-red-800 rounded px-1 py-0.5 text-xs font-medium mr-1">知识噪音 Knowledge Noise</span>
                            <time data-timestamp="1761644849000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1971966803" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Fyibaochina_com.png&amp;thumbnail&#x3D;1" alt="【译丛】中国的芯片战争战略已定，美国亦应如此" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">【译丛】中国的芯片战争战略已定，美国亦应如此</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-1 py-0.5 text-xs font-medium mr-1">议报</span>
                            <time data-timestamp="1766160020000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2698338504" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Ffreezhihu_org.png&amp;thumbnail&#x3D;1" alt="如何提升普通男性的统战价值？" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">如何提升普通男性的统战价值？</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-blue-100 text-blue-800 rounded px-1 py-0.5 text-xs font-medium mr-1">自由知乎</span>
                            <time data-timestamp="1766377949000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="621234106" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fi.ytimg.com%2Fvi%2FRBoyHSqPFXU%2Fhqdefault.jpg&amp;thumbnail&#x3D;1" alt="知识噪音 | GFW综述 —— 以Geedge积至网络泄露的内部文件为基础学习防火长城GFW的相关技术" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="bg-black bg-opacity-60 rounded-full w-8 h-8 flex items-center justify-center">
                                <i class="fas fa-play text-white text-xs"></i>
                            </div>
                        </div>
                        <span class="video-duration text-white text-xs">6:49</span>
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">知识噪音 | GFW综述 —— 以Geedge积至网络泄露的内部文件为基础学习防火长城GFW的相关技术</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-gray-100 text-gray-800 rounded px-1 py-0.5 text-xs font-medium mr-1">知识噪音 Knowledge Noise</span>
                            <time data-timestamp="1761644849000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="3866089284" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Ffreeweibo_com.png&amp;thumbnail&#x3D;1" alt="用户「娱乐榜姐」发布了微博" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">用户「娱乐榜姐」发布了微博</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-green-100 text-green-800 rounded px-1 py-0.5 text-xs font-medium mr-1">自由微博</span>
                            <time data-timestamp="1756760727000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="3673494725" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Ffreeweibo_com.png&amp;thumbnail&#x3D;1" alt="用户「隐于庭的小法师」发布了微博" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">用户「隐于庭的小法师」发布了微博</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-1 py-0.5 text-xs font-medium mr-1">自由微博</span>
                            <time data-timestamp="1756754525000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="770491672" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fyibaochina.com%2Fwp-content%2Fuploads%2F2025%2F12%2FScreenshot-2025-12-19-at-8.08.30-PM.png&amp;thumbnail&#x3D;1" alt="【議想天開】楊煉｜從不可能開始：「反抗」主題之我見" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">【議想天開】楊煉｜從不可能開始：「反抗」主題之我見</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-pink-100 text-pink-800 rounded px-1 py-0.5 text-xs font-medium mr-1">议报</span>
                            <time data-timestamp="1766193306000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="26194756" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fi.ytimg.com%2Fvi%2Ff-TE_NXx0i8%2Fhqdefault.jpg&amp;thumbnail&#x3D;1" alt="知识噪音 | GFW文档分析 —— 研究如何从geedge_docs入手制定GFW的学习计划" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="bg-black bg-opacity-60 rounded-full w-8 h-8 flex items-center justify-center">
                                <i class="fas fa-play text-white text-xs"></i>
                            </div>
                        </div>
                        <span class="video-duration text-white text-xs">5:18</span>
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">知识噪音 | GFW文档分析 —— 研究如何从geedge_docs入手制定GFW的学习计划</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-blue-100 text-blue-800 rounded px-1 py-0.5 text-xs font-medium mr-1">知识噪音 Knowledge Noise</span>
                            <time data-timestamp="1761644849000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1895902294" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Flh5.googleusercontent.com%2FmZZunSh5dCEtA4HQg5DaH0zsqNT8eFZsLF6jenb3CWy04-httSxLCKL_YSevg0ozSqShxkSJ5_H8UNr6TWC4j-3-pUqxSROkS_qTBEJFi77aiinNm9USHqbCl8m283Kk2GsYZNVGdk4&amp;thumbnail&#x3D;1" alt="每周转载：从“肿瘤黑幕”看天朝的“医患矛盾”（网文8篇以及俺的点评）" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">每周转载：从“肿瘤黑幕”看天朝的“医患矛盾”（网文8篇以及俺的点评）</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-pink-100 text-pink-800 rounded px-1 py-0.5 text-xs font-medium mr-1">编程随想的博客</span>
                            <time data-timestamp="1619360700000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2258866872" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Fwww_chinainperspective_com.jpg&amp;thumbnail&#x3D;1" alt="冷战—反冷战—新冷战：历史并未终结" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">冷战—反冷战—新冷战：历史并未终结</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-1 py-0.5 text-xs font-medium mr-1">纵览中国</span>
                            <time data-timestamp="1780611539000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2302228912" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Fchinadigitaltimes_net.png&amp;thumbnail&#x3D;1" alt="【404文库】“数字从来不是一次报齐的，先报一档，等批示，再报一档。这就是流程”（外二篇）" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">【404文库】“数字从来不是一次报齐的，先报一档，等批示，再报一档。这就是流程”（外二篇）</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-blue-100 text-blue-800 rounded px-1 py-0.5 text-xs font-medium mr-1">中国数字时代</span>
                            <time data-timestamp="1780780775000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2038795402" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Fchinadigitaltimes_net.png&amp;thumbnail&#x3D;1" alt="【旧闻重温】書和店｜十年前的研判——大型书城改造升级潮背后的隐忧" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">【旧闻重温】書和店｜十年前的研判——大型书城改造升级潮背后的隐忧</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-red-100 text-red-800 rounded px-1 py-0.5 text-xs font-medium mr-1">中国数字时代</span>
                            <time data-timestamp="1780759598000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2238394390" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fs0.rbk.ru%2Fv6_top_pics%2Fmedia%2Fimg%2F4%2F77%2F347809045710774.jpeg&amp;thumbnail&#x3D;1" alt="Новые налоги на импортные смартфоны перенесут с сентября на декабрь" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Новые налоги на импортные смартфоны перенесут с сентября на декабрь</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Номер один. Новости Бурятии</span>
                            <time data-timestamp="1780972222000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="842261092" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <div class="news-fallback-logo w-full h-full compact">
                            金融时报
                        </div>
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">高中生进大厂与个人学校兴起，彰显国际教育重大变革</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-red-100 text-red-800 rounded px-1 py-0.5 text-xs font-medium mr-1">金融时报</span>
                            <time data-timestamp="1780969534000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2485607666" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <div class="news-fallback-logo w-full h-full compact">
                            金融时报
                        </div>
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">中国社会应该从高考仪式感中解脱出来了</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-green-100 text-green-800 rounded px-1 py-0.5 text-xs font-medium mr-1">金融时报</span>
                            <time data-timestamp="1780969533000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2469060970" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.youtube.com%2Fvi%2FStwSePn-Oj4%2F0.jpg&amp;thumbnail&#x3D;1" alt="【LIVE】國軍實彈射擊 雷霆2000震撼登場" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="bg-black bg-opacity-60 rounded-full w-8 h-8 flex items-center justify-center">
                                <i class="fas fa-play text-white text-xs"></i>
                            </div>
                        </div>
                        <span class="video-duration text-white text-xs">14:29</span>
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">【LIVE】國軍實彈射擊 雷霆2000震撼登場</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-1 py-0.5 text-xs font-medium mr-1">少康戰情室 TVBS Situation Room</span>
                            <time data-timestamp="1780968736000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2264233058" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fichef.bbci.co.uk%2Face%2Fws%2F640%2Fcpsprodpb%2F4974%2Flive%2F233c94d0-6312-11f1-8b8c-6d33e1d5abb6.jpg.webp&amp;thumbnail&#x3D;1" alt="「突襲式離婚」如何揭示現代愛情" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">「突襲式離婚」如何揭示現代愛情</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-purple-100 text-purple-800 rounded px-1 py-0.5 text-xs font-medium mr-1">BBC</span>
                            <time data-timestamp="1780967623000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="4030764843" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fhk.on.cc%2Fhk%2Fbkn%2Fcnt%2Fnews%2F20260609%2Fphoto%2Fbkn-20260609091040153-0609_00822_001_01p.jpg%3F20260609091040&amp;thumbnail&#x3D;1" alt="中國人濫用旅遊簽證經商　馬來西亞總理下令打擊" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">中國人濫用旅遊簽證經商　馬來西亞總理下令打擊</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-pink-100 text-pink-800 rounded px-1 py-0.5 text-xs font-medium mr-1">東網</span>
                            <time data-timestamp="1780967440000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1741048912" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fichef.bbci.co.uk%2Face%2Fws%2F640%2Fcpsprodpb%2Fff79%2Flive%2F3a826050-60c6-11f1-80e9-dd3de3da8ef3.jpg.webp&amp;thumbnail&#x3D;1" alt="小紅書轉播足球世界盃了，播球和看球的女性還會被視為「花瓶」嗎？" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">小紅書轉播足球世界盃了，播球和看球的女性還會被視為「花瓶」嗎？</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-1 py-0.5 text-xs font-medium mr-1">BBC</span>
                            <time data-timestamp="1780967436000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="131059428" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fworldimg.kbs.co.kr%2Fsrc%2Fimages%2Fnews%2F202606%2F260609092829_48_k.jpg&amp;thumbnail&#x3D;1" alt="朝中社：北中开启关系发展新篇章 商定扩大各领域合作" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">朝中社：北中开启关系发展新篇章 商定扩大各领域合作</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-gray-100 text-gray-800 rounded px-1 py-0.5 text-xs font-medium mr-1">News - Chinese [KBS WORLD Radio]</span>
                            <time data-timestamp="1780965813000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="4133635873" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fim2.kommersant.ru%2FIssues.photo2%2FDAILY%2F2026%2F101%2FKMO_162543_80796_1_t218_134105.jpg&amp;thumbnail&#x3D;1" alt="Ким Чен Ын заявил о готовности вывести отношения с КНР на новый уровень" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Ким Чен Ын заявил о готовности вывести отношения с КНР на новый уровень</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-1 py-0.5 text-xs font-medium mr-1">РБК</span>
                            <time data-timestamp="1780965643000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2301064855" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fs0.rbk.ru%2Fv6_top_pics%2Fmedia%2Fimg%2F9%2F55%2F347809242847559.jpeg&amp;thumbnail&#x3D;1" alt="Небензя объяснил невозможность переговоров с Украиной «хамством» Киева" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Небензя объяснил невозможность переговоров с Украиной «хамством» Киева</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-blue-100 text-blue-800 rounded px-1 py-0.5 text-xs font-medium mr-1">РБК</span>
                            <time data-timestamp="1780964442000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1481954485" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn.vdmsti.ru%2Fimage%2F2026%2F4f%2F149p05%2Fnormal-1g6t.png&amp;thumbnail&#x3D;1" alt="Временные ограничения введены в аэропорту Калуги" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Временные ограничения введены в аэропорту Калуги</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Интерфакс</span>
                            <time data-timestamp="1780964040000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1550762160" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fworldimg.kbs.co.kr%2Fsrc%2Fimages%2Fnews%2F202606%2F260609095052_32_e.jpg&amp;thumbnail&#x3D;1" alt="李在明9日起出访欧洲 出席G7峰会" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">李在明9日起出访欧洲 出席G7峰会</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-blue-100 text-blue-800 rounded px-1 py-0.5 text-xs font-medium mr-1">News - Chinese [KBS WORLD Radio]</span>
                            <time data-timestamp="1780963897000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="3318921779" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimage1-ap-japan.cloudokyo.cloud%2Fimage%2Fv14%2Fb2%2F00%2F6d%2Fb2006dd4-0140-4bc3-be9e-86fcf5f3c39f%2F672.webp&amp;thumbnail&#x3D;1" alt="#北京 漠视 #美国人 命  #中共  #芬太尼 战略意图曝光｜中文即时字幕" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">#北京 漠视 #美国人 命  #中共  #芬太尼 战略意图曝光｜中文即时字幕</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-red-100 text-red-800 rounded px-1 py-0.5 text-xs font-medium mr-1">中国禁闻网</span>
                            <time data-timestamp="1780963419000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2435899600" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fs.rfi.fr%2Fmedia%2Fdisplay%2F6e989da2-29e2-11f1-a3cc-005056a97e36%2Fw%3A1280%2Fp%3A16x9%2Fwaynejackson-electric-6599458-1920.jpg&amp;thumbnail&#x3D;1" alt="青岛启用全球首个专门用于人工智能数据中心的预制式电站" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">青岛启用全球首个专门用于人工智能数据中心的预制式电站</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-green-100 text-green-800 rounded px-1 py-0.5 text-xs font-medium mr-1">法国国际广播电台</span>
                            <time data-timestamp="1780961565000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2372989531" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.caixin.com%2F2026-06-09%2F178096164832427_840_560.jpg&amp;thumbnail&#x3D;1" alt="再提高烟草税窗口期已至？学者建议将部分收入用于医保公卫等" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">再提高烟草税窗口期已至？学者建议将部分收入用于医保公卫等</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-1 py-0.5 text-xs font-medium mr-1">财新网</span>
                            <time data-timestamp="1780961317000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1796918167" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.caixin.com%2F2024-11-07%2F173093525886110_840_560.jpg&amp;thumbnail&#x3D;1" alt="稳就业｜失业保险基金当期结余连续赤字 如何完善保障？" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">稳就业｜失业保险基金当期结余连续赤字 如何完善保障？</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-purple-100 text-purple-800 rounded px-1 py-0.5 text-xs font-medium mr-1">财新网</span>
                            <time data-timestamp="1780960661000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="247014839" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Fwww_voachinese_com.png&amp;thumbnail&#x3D;1" alt="世界杯开幕临近，美国执法机构准备应对安保挑战" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">世界杯开幕临近，美国执法机构准备应对安保挑战</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-pink-100 text-pink-800 rounded px-1 py-0.5 text-xs font-medium mr-1">美国之音</span>
                            <time data-timestamp="1780960105000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="3554177236" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fs.rfi.fr%2Fmedia%2Fdisplay%2F62699a00-6389-11f1-91b7-005056a90284%2Fw%3A1280%2Fp%3A16x9%2F2026-05-31-D-FMM-archive-Afrique-S%25C3%25A9n%25C3%25A9gal-Pastef-Congr%25C3%25A8s-logo-Mandenkan-RFI.jpg&amp;thumbnail&#x3D;1" alt="塞内加尔:法耶总统失去党内支持" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">塞内加尔:法耶总统失去党内支持</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-1 py-0.5 text-xs font-medium mr-1">法国国际广播电台</span>
                            <time data-timestamp="1780957972000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1272414903" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fgdb.voanews.com%2Fe79ff7e1-1d27-462b-47a7-08de3cb97958_cx19_cy22_cw16_w66_r5.jpg&amp;thumbnail&#x3D;1" alt="美议员提案禁止被列为安全威胁的中国实体获得美国专利" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">美议员提案禁止被列为安全威胁的中国实体获得美国专利</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-gray-100 text-gray-800 rounded px-1 py-0.5 text-xs font-medium mr-1">美国之音</span>
                            <time data-timestamp="1780955133000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="4171730616" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fechofm.online%2Fapp%2Fuploads%2F2026%2F06%2F2026-06-08-17.41.55.jpg&amp;thumbnail&#x3D;1" alt="Пожар на заводе в Петербурге мог унести жизни троих" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Пожар на заводе в Петербурге мог унести жизни троих</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Fontanka.ru</span>
                            <time data-timestamp="1780954860000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1774572847" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fnovayagazeta.ru%2Fstatic%2Fsnippets%2F377cd1d45f924a30a7a8212804e02b5a.webp&amp;thumbnail&#x3D;1" alt="Госдума во вторник рассмотрит &quot;Антифрод-2&quot; о защите от кибермошенников" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Госдума во вторник рассмотрит &quot;Антифрод-2&quot; о защите от кибермошенников</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-purple-100 text-purple-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Интерфакс</span>
                            <time data-timestamp="1780954260000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="110118515" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fstatic.dw.com%2Fimage%2F77456786_403.jpg&amp;thumbnail&#x3D;1" alt="Рубио поздравил Пашиняна с победой на выборах" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Рубио поздравил Пашиняна с победой на выборах</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-pink-100 text-pink-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Интерфакс</span>
                            <time data-timestamp="1780951020000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="3516610476" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fnovayagazeta.ru%2Fstatic%2Fsnippets%2F0945d6cb39e44d6ea5068420fbd2633e.webp&amp;thumbnail&#x3D;1" alt="Жителя Петербурга оштрафовали за &quot;дискредитацию&quot; после частного разговора в WhatsApp" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Жителя Петербурга оштрафовали за &quot;дискредитацию&quot; после частного разговора в WhatsApp</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-gray-100 text-gray-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Радио Свобода</span>
                            <time data-timestamp="1780950787000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="954419677" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fs0.rbk.ru%2Fv6_top_pics%2Fmedia%2Fimg%2F9%2F46%2F347809468873469.jpeg&amp;thumbnail&#x3D;1" alt="Зеленский провел телефонный разговор с посланниками президента США" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Зеленский провел телефонный разговор с посланниками президента США</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-pink-100 text-pink-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Fontanka.ru</span>
                            <time data-timestamp="1780949940000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="418233875" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fs0.rbk.ru%2Fv6_top_pics%2Fmedia%2Fimg%2F9%2F24%2F347809042164249.jpeg&amp;thumbnail&#x3D;1" alt="Трамп пригрозил оставить Нетаньяху одного против Ирана" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Трамп пригрозил оставить Нетаньяху одного против Ирана</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-blue-100 text-blue-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Ведомости</span>
                            <time data-timestamp="1780949674000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="3849809517" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fi1.wp.com%2Fbotanwang.com%2Fsites%2Fdefault%2Ffiles%2Fimages%2FClipboard06%2523(519).jpg&amp;thumbnail&#x3D;1" alt="《寒冬》：李向红刑期虽已结束，但报复机器却并未停止运转" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">《寒冬》：李向红刑期虽已结束，但报复机器却并未停止运转</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-blue-100 text-blue-800 rounded px-1 py-0.5 text-xs font-medium mr-1">中国禁闻网</span>
                            <time data-timestamp="1780949430000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="3572049999" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fru.themoscowtimes.com%2Fimage%2Farticle_640%2F8c%2F985647-2.jpg&amp;thumbnail&#x3D;1" alt="В реестре воинского учета появились реальные адреса проживания военнообязанных — «Школа призывника»" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">В реестре воинского учета появились реальные адреса проживания военнообязанных — «Школа призывника»</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-pink-100 text-pink-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Телеканал Дождь</span>
                            <time data-timestamp="1780948561000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2625059125" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fechofm.online%2Fapp%2Fuploads%2F2026%2F06%2F66_wgr8gug.2e16d0ba.fill-800x464.format-jpeg.jpg&amp;thumbnail&#x3D;1" alt="«Временные сложности» из-за «воздушных атак противника»" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">«Временные сложности» из-за «воздушных атак противника»</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-red-100 text-red-800 rounded px-1 py-0.5 text-xs font-medium mr-1">The Moscow Times</span>
                            <time data-timestamp="1780948272000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1291765141" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fs0.rbk.ru%2Fv6_top_pics%2Fmedia%2Fimg%2F3%2F14%2F347809270549143.jpeg&amp;thumbnail&#x3D;1" alt="Верховный суд Татарстана восстановил студентку, отчисленную за ИИ-диплом" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Верховный суд Татарстана восстановил студентку, отчисленную за ИИ-диплом</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Коммерсантъ</span>
                            <time data-timestamp="1780947060000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="3070802173" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2Fisxz2lXRBkoAEq8macFfAgm1shwkzVQ_O5VD3CPBPKbXY0wcDErj63OovpAbkjXIFfPNIhQXKjDca5IaMetQQD3RjPMsxQyPKOmSExonbEcDIvVAB5rdexXW6wvJkMASfM4I-AZkOwa-l3lJcRp9YV_57I6azK1aemloDsTisLrT9STNCxjsgRayz5EyXq9ZZlvHsVp9FZtD783_UEKwIOFpGWK6JHBXPIWJqBzXc6T1wMTm0TX6Zn5Lf30T3ouU24njPC1Xn4EwhNRA0QQBv_ThNYFabxZUJVYi81zssp66ILfatmMocXLg6u53VUb6gGrqVwMCtmRkjeynvVAG7Q.jpg&amp;thumbnail&#x3D;1" alt="Украина атаковала центр по производству беспилотников на аэродроме под Рязанью" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Украина атаковала центр по производству беспилотников на аэродроме под Рязанью</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-green-100 text-green-800 rounded px-1 py-0.5 text-xs font-medium mr-1">The Moscow Times</span>
                            <time data-timestamp="1780946039000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="891709913" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2FfiZROZSq7v01j_hhVfZmreFRU_NpTM6P0pNdsPZdedLDQHv9MWGWBfD7hFig355PfNvKN4y_uaEywSR_0k_L06H9iQKCWFG9zWfT2ExOV5VZmA66iAR-3M4O2j8WZW22alstQR-QyLqZZyHt2MRB-kjVN2RyaI7xBG6j6ZUr_yBgMx6QRyUjYJe13O6tYkoDCIp3y_BMlpx5xNOAfsPnVkDeFQp5r2LQPH5sxWjFrm058Uu3xGQM24UA6PKTnxdRTBIDWtm9_9sNj5fRDGdU1Z68tjbuiPiegThHJZtXhf3r1nM0J9MKWkZ0XrmwwBSKFaznfSZ53IG-eK6XhLBmGA.jpg&amp;thumbnail&#x3D;1" alt="Тиражи книг в России за год упали на 26%" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Тиражи книг в России за год упали на 26%</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Meduza</span>
                            <time data-timestamp="1780944904000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="4046313264" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fim2.kommersant.ru%2FIssues.photo2%2FNEWS%2F2026%2F06%2F08%2FKMO_120232_36547_1_t218_223513.jpg&amp;thumbnail&#x3D;1" alt="На конференции WWDC 2026 Apple объявила о запуске полноценного ИИ-ассистента Siri AI и показала новые функции iOS 27: расширенный родительский контроль и обновлённый дизайн Liquid Glass" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">На конференции WWDC 2026 Apple объявила о запуске полноценного ИИ-ассистента Siri AI и показала новые функции iOS 27: расширенный родительский контроль и обновлённый дизайн Liquid Glass</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-purple-100 text-purple-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Осторожно, новости</span>
                            <time data-timestamp="1780942042000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2751632614" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fstatic.istories.media%2Fuploaded%2Fimages%2F2f24e7217d3f450a9a202b6acbda7d46-1920x960px_1x.webp&amp;thumbnail&#x3D;1" alt="В 2025 году в России выносили два приговора о госизмене в день" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">В 2025 году в России выносили два приговора о госизмене в день</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-red-100 text-red-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Радио Свобода</span>
                            <time data-timestamp="1780941421000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="391739117" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fs0.rbk.ru%2Fv6_top_pics%2Fmedia%2Fimg%2F6%2F01%2F347809375435016.jpeg&amp;thumbnail&#x3D;1" alt="Нидерланды прекратят участие в программе подготовки украинских военных" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Нидерланды прекратят участие в программе подготовки украинских военных</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-gray-100 text-gray-800 rounded px-1 py-0.5 text-xs font-medium mr-1">SOTA</span>
                            <time data-timestamp="1780940108000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1263969777" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2FmMoUlm76AtY_2AVNi8SICdzB4cFr3_vTLTUw7Ta5ncM6uPbKQJ5InpinZ18jpuM9Cp5pOdcCstSpPa7-_Zk3QuwElRlGOwIPmwmQJgDwZDYSD7ipmCLGrgV96zp78o3uoYoVdc_BELebIHTREIhiCjHzuxcxepeWmMnHg9aRH-RnZSIw1h_t8nwUJ_zDI-5POMTRaPYnYrZm1joU26_cpBo6mb1VsZH7xnXaWJ4iA2yc0eE0FGVcESeYPlUwnIkjcoVyW6MoO2PL75l3_GRQ1qrxXlRKTT_GK4C4cZBhQMwS93RJrS_U5A127KH9H0p4Wqd3wLaZS6VL90tmN9t2Nw.jpg&amp;thumbnail&#x3D;1" alt="Губернатор Новосибирской области уволил первого вице-губернатора Петухова" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Губернатор Новосибирской области уволил первого вице-губернатора Петухова</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-purple-100 text-purple-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Коммерсантъ</span>
                            <time data-timestamp="1780939800000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="332262211" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2FFWpojX_xJuM0d8iqT8aK1q4YAY76ljdzSTjVMGBjXZpeT82EO86ib4HUpRDay8bqz8_rFDuWhAzxPIcYq7coUqHESu0pzIKkkONF8abRDwUARIwYt7atEynSUdQZkzjzW0zdXGiAK8vZDW-LvWNmEndkunWUkl2npg7oz25LTEIQJDOihZWpa0efsqFAsW4Qj_GHdrN2rl-aC_XW7l-he-Df5XkZrDRiP864jqn3x6NNzvW52fvvWjXBdCvDLwNNEn8v4JhL5B5z9mQOELrG9DswF7_16RaFx0oc_kiPhNUtkv-OppdvZFz3XQL7GopxqD3Zt1vKrqrrVeWJuPaAIw.jpg&amp;thumbnail&#x3D;1" alt="▶️ Завербуют всех?" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">▶️ Завербуют всех?</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-red-100 text-red-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Говорит НеМосква</span>
                            <time data-timestamp="1780938963000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1048008893" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Fwww_wenxuecity_com.png&amp;thumbnail&#x3D;1" alt="习近平就中朝关系提出四点 教训日本已提上日程" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">习近平就中朝关系提出四点 教训日本已提上日程</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-red-100 text-red-800 rounded px-1 py-0.5 text-xs font-medium mr-1">文学城</span>
                            <time data-timestamp="1780938656000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1048008894" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Fwww_wenxuecity_com.png&amp;thumbnail&#x3D;1" alt="习近平就中朝关系提出四点 教训日本已提上日程" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">习近平就中朝关系提出四点 教训日本已提上日程</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-green-100 text-green-800 rounded px-1 py-0.5 text-xs font-medium mr-1">文学城</span>
                            <time data-timestamp="1780938656000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="3184975096" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn.vdmsti.ru%2Fimage%2F2026%2F4f%2Fzxur6%2Fnormal-1aku.png&amp;thumbnail&#x3D;1" alt="В Лондоне убили автора песен Бритни Спирс и Дуа Липы" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">В Лондоне убили автора песен Бритни Спирс и Дуа Липы</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-gray-100 text-gray-800 rounded px-1 py-0.5 text-xs font-medium mr-1">РБК</span>
                            <time data-timestamp="1780937404000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="957105809" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fs0.rbk.ru%2Fv6_top_pics%2Fmedia%2Fimg%2F8%2F86%2F347809226938868.jpeg&amp;thumbnail&#x3D;1" alt="Повторный аукцион по продаже Рижского вокзала не состоялся" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Повторный аукцион по продаже Рижского вокзала не состоялся</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-gray-100 text-gray-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Журнал &quot;Компания&quot;</span>
                            <time data-timestamp="1780936200000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="3564972865" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fim2.kommersant.ru%2FIssues.photo2%2FDAILY%2F2026%2F100M%2FKMO_195737_00032_1_t218_202240.jpg&amp;thumbnail&#x3D;1" alt="Школьников и студентов в России будут привлекать к записи воспоминаний участников «СВО»" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Школьников и студентов в России будут привлекать к записи воспоминаний участников «СВО»</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-pink-100 text-pink-800 rounded px-1 py-0.5 text-xs font-medium mr-1">The Insider</span>
                            <time data-timestamp="1780935993000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="366567326" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fstatic.s3.novayagazeta.eu%2Fstatic%2Fpreviews%2F2026%2F06%2F07%2Fft-rossiiskii-biznesmen-vstrechavshiisia-s-zelenskim-v-kieve-eto-roman-abramovich-news.png&amp;thumbnail&#x3D;1" alt="Владимир Зеленский подтвердил встречу с Романом Абрамовичем в мае" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Владимир Зеленский подтвердил встречу с Романом Абрамовичем в мае</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-pink-100 text-pink-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Эхо/Новости</span>
                            <time data-timestamp="1780935184000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2702864005" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fechofm.online%2Fapp%2Fuploads%2F2026%2F06%2F1768466027721-9lvty-680dfe90bad1be06535332844c3fbeb6aa6949dbc0782212c178f20d9453b44f.webp&amp;thumbnail&#x3D;1" alt="ОАЭ продлили ограничения на полеты до 23 июня" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">ОАЭ продлили ограничения на полеты до 23 июня</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-green-100 text-green-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Ведомости</span>
                            <time data-timestamp="1780934310000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2691313639" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fverstka.media%2Fwp-content%2Fuploads%2F2026%2F06%2F2026-06-08-12.48.07.jpg&amp;thumbnail&#x3D;1" alt="Пригородное сообщение в Крыму частично восстановлено" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Пригородное сообщение в Крыму частично восстановлено</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Коммерсантъ</span>
                            <time data-timestamp="1780934160000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1620916309" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fgdb.currenttime.tv%2F08340000-0a00-0242-06bb-08da8cdd1cd6_cx0_cy12_cw0_w1200_h630.jpg&amp;thumbnail&#x3D;1" alt="Московский суд заочно арестовал командующего беспилотными системами ВСУ Роберта Бровди и его подчиненного по делу о теракте после удара по колледжу в Старобельске" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Московский суд заочно арестовал командующего беспилотными системами ВСУ Роберта Бровди и его подчиненного по делу о теракте после удара по колледжу в Старобельске</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-blue-100 text-blue-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Mediazona</span>
                            <time data-timestamp="1780933028000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2256495061" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2FQvffThaHUCGzt-gLM3TWvuwfxJCdHSg0kzbXH3zj8HzQIozQf76SZeaZOnFxkJbIeqg8ZiOd-r1BpHCCH6oBVcLYq0Ai5YyM0swywTJLR_2G__w4z9i35yHigdDwCkSKVTAnLo10htB9hnUwKE3Bz0p0_DnKC4RiAESKe-C8O8U3F6YpJW6_aC6DbdSwNPdYssF43ld1qIzOoORuNyVuX-FbwFehbY42xi_gJGKkoqQpkB1tKRrcs1-MvzuCNF31hustxe5r8ZT1k5TL1_6AeHwqGD-onBdA9kJHoMvTCprnbPAIiCQ3XVSKI11648DV-fwfLIDBqy8-Tp_KjDacWw.jpg&amp;thumbnail&#x3D;1" alt="В результате российских ударов по Украине погибли три человека" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">В результате российских ударов по Украине погибли три человека</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-red-100 text-red-800 rounded px-1 py-0.5 text-xs font-medium mr-1">SOTA</span>
                            <time data-timestamp="1780933021000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="3235446472" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2FV0p67jiYKTOkmBWKPd_WVtRcwbkBrGvoKXtRM-3UGGwYYXTvfrJR1Zhf_AZVD12gRU1-p-f_n9g8u4ADSNav7VFVeu5QSaCZWhxoi2U9lilBgXkEBx5xLC3HBFbEUuITPxyPsGlEykJ3HkqZ2Gizo2_kNyg8W6FmdGgEcnLT32LvOmsMOCkgWnQNNMjtyTyJ7CLltiPLjGUkD3EG2kEQW7SJOz6_i8Z1XOPrIwXdY74VxbHJUDyz2sXpxqAvuIvkfmbqdLgdc5gXShXHZ9bvCB6i3V-pMvZKhdfgCqTZ0jFcah6TMrX4FhlPNV5jedEh-yfwrLQSLaqlkWn2YaxdhA.jpg&amp;thumbnail&#x3D;1" alt="Дом Андрея Макаревича в Израиле попал под удар Ирана" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Дом Андрея Макаревича в Израиле попал под удар Ирана</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-gray-100 text-gray-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Meduza</span>
                            <time data-timestamp="1780932991000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2658537644" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fnovayagazeta.ru%2Fstatic%2Fsnippets%2Ff0afa320f48647f79032e43c95719171.webp&amp;thumbnail&#x3D;1" alt="Свердловский ученый, планировавший идти от партии «Яблока» в Заксобрание, вышел из спецприемника" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Свердловский ученый, планировавший идти от партии «Яблока» в Заксобрание, вышел из спецприемника</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Говорит НеМосква</span>
                            <time data-timestamp="1780931740000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="149639090" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2FO3gFidDC6GRyNLuSWafInyN_USdWxPV7R62gtYsCrDfiDZb_xgmzeJVPXVOvjL6psRfiFKw79nhW6pFuu9z_eQ4kCLguZDriwhGbW3LjNvldjhqGZSRwNyoWGnZ1gV5GTqol1LViwbKjR4W8cEQHPu-SExeLiaPVOXkpwm8cutdImZlUg61TRTln1llkIhgi2X_MfTMWnwyq-_1rC7nawj46Tk_1ejVqQogiyh_ctBGfOzHTbAFNDFTEq1LHeFhwk1ep2wMXusd6wqH9J9v2pc2IZOrRTzv_l5PGyY3rV6u9M3ia2tHag1v3St4tw3B8PzvU4VqmLXyDuT2TzAZNMw.jpg&amp;thumbnail&#x3D;1" alt="Два человека погибли при ударе по спальному району Запорожья" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Два человека погибли при ударе по спальному району Запорожья</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-green-100 text-green-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Настоящее время</span>
                            <time data-timestamp="1780931623000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2628440598" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fs0.rbk.ru%2Fv6_top_pics%2Fmedia%2Fimg%2F9%2F09%2F347809302830099.jpeg&amp;thumbnail&#x3D;1" alt="Банк России понизил официальный курс доллара на 9 июня на 0,19 рубля" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Банк России понизил официальный курс доллара на 9 июня на 0,19 рубля</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-red-100 text-red-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Ведомости</span>
                            <time data-timestamp="1780931623000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2617156925" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn.vdmsti.ru%2Fimage%2F2026%2F4f%2Fykv6t%2Fnormal-18tf.png&amp;thumbnail&#x3D;1" alt="Эльвира Набиуллина пропустит еще одно мероприятие" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Эльвира Набиуллина пропустит еще одно мероприятие</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-green-100 text-green-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Телеканал Дождь</span>
                            <time data-timestamp="1780931538000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="94995996" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fechofm.online%2Fapp%2Fuploads%2F2026%2F06%2F20190617-air-show-le-bourget-schmidt-053-scaled.jpg&amp;thumbnail&#x3D;1" alt="Германия и Франция приостанавливают совместную разработку истребителя FCAS" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Германия и Франция приостанавливают совместную разработку истребителя FCAS</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Телеканал Ostwest</span>
                            <time data-timestamp="1780931343000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="828938181" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fgdb.currenttime.tv%2Fa0c76346-3e30-4f9c-8403-bf257a2e0683_w1200_h630.jpg&amp;thumbnail&#x3D;1" alt="Латвия заблокировала Wildberries и еще семь российских ресурсов за «формирование позитивного отношения к России»" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Латвия заблокировала Wildberries и еще семь российских ресурсов за «формирование позитивного отношения к России»</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-green-100 text-green-800 rounded px-1 py-0.5 text-xs font-medium mr-1">ASTRA</span>
                            <time data-timestamp="1780930508000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="351975829" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.youtube.com%2Fvi%2FwBgzGt2oGo0%2F0.jpg&amp;thumbnail&#x3D;1" alt="【完整版下集】李四川全體「五個年齡組」都領先蘇巧慧　公布民調較勁新北煙硝味？20260608｜#林亮君 #張啟楷 #賴士葆 #馬文君 #李永萍" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="bg-black bg-opacity-60 rounded-full w-8 h-8 flex items-center justify-center">
                                <i class="fas fa-play text-white text-xs"></i>
                            </div>
                        </div>
                        <span class="video-duration text-white text-xs">7:42</span>
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">【完整版下集】李四川全體「五個年齡組」都領先蘇巧慧　公布民調較勁新北煙硝味？20260608｜#林亮君 #張啟楷 #賴士葆 #馬文君 #李永萍</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-1 py-0.5 text-xs font-medium mr-1">少康戰情室 TVBS Situation Room</span>
                            <time data-timestamp="1780930157000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="293415547" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.news.ebc.net.tw%2FEbcNews%2Fnews%2F2026%2F05%2F22%2F1779462989_48878.png&amp;thumbnail&#x3D;1" alt="大雨狂灌「全台紫爆」6/9停班停課資訊一次看" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">大雨狂灌「全台紫爆」6/9停班停課資訊一次看</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-purple-100 text-purple-800 rounded px-1 py-0.5 text-xs font-medium mr-1">東森新聞</span>
                            <time data-timestamp="1780929960000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2346035460" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <div class="news-fallback-logo w-full h-full compact">
                            Телеканал Дождь
                        </div>
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">❗️ Стартовала неделя марафона солидарности с политзаключенными проекта «Ты не один» совместно с независимыми медиа</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-blue-100 text-blue-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Телеканал Дождь</span>
                            <time data-timestamp="1780929912000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1418141774" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2Fhj9FokNb53dzQhcxsILg2yZ1OxSeukcuZcKGTUY0e1-WGyLHYBhutP-ODcHW0uShb8rvj3I2PmAQYmPyNZHcXI1N1DLet-njy7jMqH4l__pZo7-KTPYIraIy9l58SFF3u2tqmkYcxftGmn-mxGXSIppAS4Nx-BTkpppHcr9O9iA1ljMiVz0ad8w506__s_54lSKcpIIULjUTcAW-d3bLWV4BQc2XAdXJ7jnN5CP5wnGrwDFLI4itS06G8YbsC91_FQqD0rjn7S6ftrDFdNySNAKOWqmdVuxVB2zPUCJhpfl8BWgSkqLZyPl4b1k9Yzb9NTMW2PBhe0vLSkSf_IvKtg.jpg&amp;thumbnail&#x3D;1" alt="Ynet: Трамп хочет привлечь патриарха Иерусалима к переговорам между Россией и Украиной" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Ynet: Трамп хочет привлечь патриарха Иерусалима к переговорам между Россией и Украиной</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Радио Свобода</span>
                            <time data-timestamp="1780929594000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="300536393" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Fwww_dw_com.png&amp;thumbnail&#x3D;1" alt="中国汽车销售连续8个月下滑 年度预测降一成" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">中国汽车销售连续8个月下滑 年度预测降一成</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-pink-100 text-pink-800 rounded px-1 py-0.5 text-xs font-medium mr-1">德国之声</span>
                            <time data-timestamp="1780929120000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="84248209" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Fwww_dw_com.png&amp;thumbnail&#x3D;1" alt="北约战机击落进入拉脱维亚领空外国无人机" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">北约战机击落进入拉脱维亚领空外国无人机</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-1 py-0.5 text-xs font-medium mr-1">德国之声</span>
                            <time data-timestamp="1780928460000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2728733557" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fnovayagazeta.ru%2Fstatic%2Fsnippets%2Fc5b747f9492340f0930911f182893d7e.webp&amp;thumbnail&#x3D;1" alt="Песков сравнил топливный кризис в Крыму со скупкой гречки" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Песков сравнил топливный кризис в Крыму со скупкой гречки</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-blue-100 text-blue-800 rounded px-1 py-0.5 text-xs font-medium mr-1">RusNews</span>
                            <time data-timestamp="1780928154000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1306360552" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn.vdmsti.ru%2Fimage%2F2026%2F4f%2Fih0yb%2Fnormal-nxw.jpg&amp;thumbnail&#x3D;1" alt="ФСБ отчиталась о задержании 24 человек, принимавших ставки для крупнейших нелегальных онлайн-казино" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">ФСБ отчиталась о задержании 24 человек, принимавших ставки для крупнейших нелегальных онлайн-казино</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-red-100 text-red-800 rounded px-1 py-0.5 text-xs font-medium mr-1">The Moscow Times</span>
                            <time data-timestamp="1780927419000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="3842875463" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2Fak5A-9_dUJsS9akjpOE-P7rrahBdOb-rmWsgXRpIM1eWI9WqLOykmZp_cEWjk8IUZLR0yVV__rk50N6p35-zH2TuhC3i-bTkNa1RisEXoGgpgjOGDvl41VlzfSu0i1e_s27kXJ1dQfIY6ehqROsQidIJzlgA0k1OXHZZT4Z2XMdU14V2dN12UzxDoVMNcAuFKprlBTSmm7FWNDf6tDT9ytgKFZEyjmL5cgK2oAO9xasqbdioUzdO1SALKcawlalB1omfGpzKTv5mRYoy6lfvDxkw_0nfXOwK6K-1Dpv4w6INXryBalFRWAdtp0ggH4STB3QNZHNNSHmBWpHYVUzXeA.jpg&amp;thumbnail&#x3D;1" alt="Число жертв землетрясения на Филиппинах выросло до 32 человек" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Число жертв землетрясения на Филиппинах выросло до 32 человек</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-blue-100 text-blue-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Ведомости</span>
                            <time data-timestamp="1780926696000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1685663129" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2FqkqxyVwc_PoNWh-A02Bzumj99ccyJhATwnVj1aWLfEAbj1rZrtCeoY_pQ_H80UOndo1ythtYe-yhHXJHN2fi6_o6g_Dc30iH5hQYX3ozm_7WsoLliORmEr_Ktw6i0VrdAiPwsiShCZnKSKtJhNxFT57xdfWDTh8kWyMrA-o9gu8bhz8Jxvr8FckgfWBKmjvfPJ9qQE13xkHD8L2Wa6t_X5KrziIDpl3ZBq0sQKJQUt1WNkSdRtecEoeeXlghHUHgyiWhpKLwyLuk2MXLChP-KbyV26WiIk5paVmRHUOwA77nIvsUXH9OQ9aP-EEMGOsLUG9qabGZVYsWw0LppFMxvQ.jpg&amp;thumbnail&#x3D;1" alt="«Нет Макса — нет праздника»: на бесплатные концерты ко Дню молодежи смогут попасть только пользователи нацмессенджера»" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">«Нет Макса — нет праздника»: на бесплатные концерты ко Дню молодежи смогут попасть только пользователи нацмессенджера»</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-purple-100 text-purple-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Говорит НеМосква</span>
                            <time data-timestamp="1780924984000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2277980463" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn.vdmsti.ru%2Fimage%2F2026%2F4f%2Fsomoz%2Fnormal-116a.jpg&amp;thumbnail&#x3D;1" alt="Посольство России рекомендовало воздержаться от поездок в Израиль" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Посольство России рекомендовало воздержаться от поездок в Израиль</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-1 py-0.5 text-xs font-medium mr-1">SOTA</span>
                            <time data-timestamp="1780924205000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="3317341828" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Frtvi.com%2Fwp-content%2Fuploads%2F2026%2F06%2F55320831624_691a57ee5c_o-1000x562.jpg&amp;thumbnail&#x3D;1" alt="Германия, Франция и Великобритания сформулировали свою переговорную позицию накануне саммитов ЕС и НАТО" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Германия, Франция и Великобритания сформулировали свою переговорную позицию накануне саммитов ЕС и НАТО</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-purple-100 text-purple-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Телеканал Ostwest</span>
                            <time data-timestamp="1780923064000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="798299229" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.news.ebc.net.tw%2FEbcNews%2Fnews%2F2026%2F05%2F22%2F1779462989_48878.png&amp;thumbnail&#x3D;1" alt="大雨狂灌「全台紫爆」6/9停班停課資訊一次看" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">大雨狂灌「全台紫爆」6/9停班停課資訊一次看</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-gray-100 text-gray-800 rounded px-1 py-0.5 text-xs font-medium mr-1">東森新聞</span>
                            <time data-timestamp="1780921500000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2791701411" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.youtube.com%2Fvi%2FRB4-iHLPPa8%2F0.jpg&amp;thumbnail&#x3D;1" alt="金正恩主持欢迎仪式，习近平感动，川普流泪｜新闻特写2026068" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="bg-black bg-opacity-60 rounded-full w-8 h-8 flex items-center justify-center">
                                <i class="fas fa-play text-white text-xs"></i>
                            </div>
                        </div>
                        <span class="video-duration text-white text-xs">21:56</span>
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">金正恩主持欢迎仪式，习近平感动，川普流泪｜新闻特写2026068</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-blue-100 text-blue-800 rounded px-1 py-0.5 text-xs font-medium mr-1">王志安</span>
                            <time data-timestamp="1780921224000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="413629937" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2FlsGNcmKSNpiNHI2bicqro46Y3C5fAQ-EFxhEgCZK1FbrorQoCT1WhsO0SMKOXfYwNceupGGAZ96hrQWAdE1MJs8FUVlzzqokNenp9unISZFG1x8Q0XnxCLV9L3aFg-jCgVKuggYvg6bEsCWf5yLoozTGjQS3C-rjBUVwIRysxCNGLv_ElEkbfp8HVY03nsGctvPTfykHSb8bB68GbamfyW5o1tRsdf9zB_Z4_r_k784Bb4-dZbMRn5NNek85HHgCKs3hVZsP61UXVhD_2OZdu0hXZxF9SGGyn2jTTpXDvvbfAsQyxqFfDnwKXVM69-jLq0bJS_dG-fIepO1pPW4pMw.jpg&amp;thumbnail&#x3D;1" alt="Ходорковского заочно приговорили в России к 10 годам колонии по делу о военных «фейках»" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Ходорковского заочно приговорили в России к 10 годам колонии по делу о военных «фейках»</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-1 py-0.5 text-xs font-medium mr-1">The Moscow Times</span>
                            <time data-timestamp="1780920827000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2669391922" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fthebell.io%2Fstorage_v2%2Fimages%2F0f0%2F42d%2F0f042d7e-01f7-4a11-9b98-685469b8895b.jpg&amp;thumbnail&#x3D;1" alt="Financial Times: после убийства Али Хаменеи российские спецслужбы отключали и проверяли на уязвимости систему видеонаблюдения, созданную для безопасности Путина" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Financial Times: после убийства Али Хаменеи российские спецслужбы отключали и проверяли на уязвимости систему видеонаблюдения, созданную для безопасности Путина</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-gray-100 text-gray-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Mediazona</span>
                            <time data-timestamp="1780920206000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1255514941" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.youtube.com%2Fvi%2FmF3YBPIN6_Q%2F0.jpg&amp;thumbnail&#x3D;1" alt="纽约时报记者被驱逐，中共与西方媒体交往风云变幻80年（下）｜王月眉｜赖清德｜驻华记者｜王局拍案20260608" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="bg-black bg-opacity-60 rounded-full w-8 h-8 flex items-center justify-center">
                                <i class="fas fa-play text-white text-xs"></i>
                            </div>
                        </div>
                        <span class="video-duration text-white text-xs">16:39</span>
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">纽约时报记者被驱逐，中共与西方媒体交往风云变幻80年（下）｜王月眉｜赖清德｜驻华记者｜王局拍案20260608</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-red-100 text-red-800 rounded px-1 py-0.5 text-xs font-medium mr-1">王志安</span>
                            <time data-timestamp="1780920037000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="215188592" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fim2.kommersant.ru%2FIssues.photo2%2FDAILY%2F2026%2F101%2FKMO_205168_00013_1_t218_204405.jpg&amp;thumbnail&#x3D;1" alt="Правительство предложило выдавать регионам кредиты под 0,1% годовых для снижения долговой нагрузки" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Правительство предложило выдавать регионам кредиты под 0,1% годовых для снижения долговой нагрузки</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-pink-100 text-pink-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Журнал &quot;Компания&quot;</span>
                            <time data-timestamp="1780919100000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="3384560575" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fs0.rbk.ru%2Fv6_top_pics%2Fmedia%2Fimg%2F9%2F94%2F347809408350949.jpeg&amp;thumbnail&#x3D;1" alt="Украина получила от ЕС транш помощи на сумму в 2,8 млрд евро" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Украина получила от ЕС транш помощи на сумму в 2,8 млрд евро</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-green-100 text-green-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Deutsche Welle</span>
                            <time data-timestamp="1780917300000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1331731481" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fim2.kommersant.ru%2FIssues.photo2%2FNEWS%2F2026%2F06%2F08%2FKMO_206622_00014_1_t218_141708.jpg&amp;thumbnail&#x3D;1" alt="Москва намерена выстраивать отношения с Ереваном с учетом действий властей Армении" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Москва намерена выстраивать отношения с Ереваном с учетом действий властей Армении</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Интерфакс</span>
                            <time data-timestamp="1780915140000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="3224089172" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fgdb.currenttime.tv%2F4f3afc7a-6f21-4752-162b-08debadc4af7_cx0_cy10_cw0_w1200_h630.jpg&amp;thumbnail&#x3D;1" alt="Израильские военные планируют наносить удары по Ирану несколько дней" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Израильские военные планируют наносить удары по Ирану несколько дней</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-red-100 text-red-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Интерфакс</span>
                            <time data-timestamp="1780914600000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="934785415" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fechofm.online%2Fapp%2Fuploads%2F2026%2F06%2F0-21-scaled.jpg&amp;thumbnail&#x3D;1" alt="QR-коды, разрешающие купить жителям аннексированного Крыма 20 литров бензина, закончились за считанные минуты, местные паблики прекратили публиковать сообщения о дефиците" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">QR-коды, разрешающие купить жителям аннексированного Крыма 20 литров бензина, закончились за считанные минуты, местные паблики прекратили публиковать сообщения о дефиците</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-green-100 text-green-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Эхо/Новости</span>
                            <time data-timestamp="1780911647000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="933657271" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.youtube.com%2Fvi%2FMrYso9FsR1o%2F0.jpg&amp;thumbnail&#x3D;1" alt="14億人的底線：台灣為什麼永遠不可能獨立？海外前黨員談台灣問題的本質。" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="bg-black bg-opacity-60 rounded-full w-8 h-8 flex items-center justify-center">
                                <i class="fas fa-play text-white text-xs"></i>
                            </div>
                        </div>
                        <span class="video-duration text-white text-xs">19:45</span>
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">14億人的底線：台灣為什麼永遠不可能獨立？海外前黨員談台灣問題的本質。</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-green-100 text-green-800 rounded px-1 py-0.5 text-xs font-medium mr-1">我是柳傑克</span>
                            <time data-timestamp="1780911028000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1845492648" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2FN0ktANmTlEpjkSZ_qjBgM_svSqCFU29a-q33fMsPyNc_v0YCeWUCjoLMe3GpYIIOqgcLl6KkF8ifsGaKnqr8xgKk0qKsjZIgIrlWycDLgi-rCswWQpIYLPE9FbWuheb2KLQJ2lZHXZIJeHEPdz_UdMNDcwuNLhSmTX0A0sJukC-AlP8okgUhpp9qyocAUeuNnayFYNB89rTWFqIhbbIxdB7ekMyi4cVv72F5OJi2aHTPOQH7BIMiJoroy4SEiXyFd5HKtJslhHOuMby_6SrJxDPOJZlfWRrOV8SHavpKp9v4BmEztGV1-aSypZJ5_0DSwWI7jUiazfj_uPCrNcPlrg.jpg&amp;thumbnail&#x3D;1" alt="Правительство Южной Осетии ушло в отставку" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">Правительство Южной Осетии ушло в отставку</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-1 py-0.5 text-xs font-medium mr-1">RusNews</span>
                            <time data-timestamp="1780910666000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1199744115" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2FHWZYg9bLss7vUyaxDYSxe686sWL8J8coyqB4-uguxgf-qzi6fowXcdYns5t7C44Ru7DOfqQKnSgHfJyoRuftP0-7pNWuyOxAMWR4mFCALbbe9Vj8ei3LcxaRgLeZj5UTaubwscYL1-_6SHWmcAvOAcAOQSIwsOZ4U9tFO_SwqNKQ3vvDMVyzt88cGAdqM1LV0SaKavG65TC2HtCSx8exMuLJxT6KB_VrUSIIEV991XoIYvse7iAWflWyJtgFmWK14tq6r-tPJAMN6FejD-7yP_YH2NC0c2D2B9IZpVuc0PYI-ZR51ITBSK-MMZi1RRQDQThDwTMkntWO2tBZISV-cQ.jpg&amp;thumbnail&#x3D;1" alt="В Молдавии обнаружили обломки украинского беспилотника" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">В Молдавии обнаружили обломки украинского беспилотника</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-gray-100 text-gray-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Ведомости</span>
                            <time data-timestamp="1780910490000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2145947804" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fnovayagazeta.ru%2Fstatic%2Fsnippets%2Fbec3eb3ad58c43f19f62bbe80cc9ba7d.webp&amp;thumbnail&#x3D;1" alt="ЕС разрешил военным брать на абордаж танкеры с российской нефтью в Средиземном море" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">ЕС разрешил военным брать на абордаж танкеры с российской нефтью в Средиземном море</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-blue-100 text-blue-800 rounded px-1 py-0.5 text-xs font-medium mr-1">The Moscow Times</span>
                            <time data-timestamp="1780909700000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="2298765302" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fcdn4.telesco.pe%2Ffile%2FmpdxsgTO_0JPyl8Fopm97Ggp8Mkr8S5nMZL_qcSjyjqUImp8bB7vSnIKVvkPa6YbvkZrJwOZrPG5GBFkt1hx8dA7Bl3yF4hjT0UYp3D340-uIX51y7SxFdiyoTk_1JnXMlTBtt2ideooNjnDlHgJAL68eZXuX6flyeRd42GjKgsuldU3V1CUtry1cZxCGPw7QiR_Ij8vQCPDTHDvFk1pD6k7LW7mJBnPW5KINxSJy7X5p8VCGGBQLP5AwlVZjAyJ42Kg8d_iu5qvJSfNz9_UWP7jQQJaurZOpuvhOyxeI86p57M1idNWNRBg4UnF2pEYP8vkRs50X6Qvx5ezvEbmeg.jpg&amp;thumbnail&#x3D;1" alt="🕊 Уголовное дело в отношении поэта Гликерия Улунова, которого обвиняли в склонении к самоубийству за стихи, прекращено" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">🕊 Уголовное дело в отношении поэта Гликерия Улунова, которого обвиняли в склонении к самоубийству за стихи, прекращено</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-purple-100 text-purple-800 rounded px-1 py-0.5 text-xs font-medium mr-1">Первый отдел</span>
                            <time data-timestamp="1780908014000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="3431363458" data-lang="ru">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fim2.kommersant.ru%2FIssues.photo2%2FDAILY%2F2026%2F100M%2FKMO_168502_00064_1_t218_203753.jpg&amp;thumbnail&#x3D;1" alt="На фоне топливного кризиса в Крыму турпоток рухнул на 31%" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">На фоне топливного кризиса в Крыму турпоток рухнул на 31%</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-purple-100 text-purple-800 rounded px-1 py-0.5 text-xs font-medium mr-1">RusNews</span>
                            <time data-timestamp="1780900044000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="3601683941" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fstatic01.nyt.com%2Fimages%2F2026%2F06%2F07%2Fopinion%2F07wallace-wells-newsletter%2F03wallace-wells-newsletter-master1050.jpg&amp;thumbnail&#x3D;1" alt="为什么没人关心世界杯了？" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">为什么没人关心世界杯了？</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-yellow-100 text-yellow-800 rounded px-1 py-0.5 text-xs font-medium mr-1">纽约时报</span>
                            <time data-timestamp="1780893585000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1342796486" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.youtube.com%2Fvi%2FFYVek1M6Rjc%2F0.jpg&amp;thumbnail&#x3D;1" alt="台軍編制人員只剩41%。退役台軍：我們一個人要幹三個人的活！台軍的基層已經被掏空。" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="bg-black bg-opacity-60 rounded-full w-8 h-8 flex items-center justify-center">
                                <i class="fas fa-play text-white text-xs"></i>
                            </div>
                        </div>
                        <span class="video-duration text-white text-xs">16:53</span>
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">台軍編制人員只剩41%。退役台軍：我們一個人要幹三個人的活！台軍的基層已經被掏空。</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-purple-100 text-purple-800 rounded px-1 py-0.5 text-xs font-medium mr-1">我是柳傑克</span>
                            <time data-timestamp="1780891214000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1474493957" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fstatic01.nyt.com%2Fimages%2F2026%2F06%2F04%2Fmultimedia%2F00BIZ-CHINA-RULES-01-tjbf%2F00BIZ-CHINA-RULES-01-tjbf-master1050.jpg&amp;thumbnail&#x3D;1" alt="中国要求企业出海前接受国安审查，构建经济堡垒" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">中国要求企业出海前接受国安审查，构建经济堡垒</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-pink-100 text-pink-800 rounded px-1 py-0.5 text-xs font-medium mr-1">纽约时报</span>
                            <time data-timestamp="1780891000000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="373061800" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.youtube.com%2Fvi%2FErmL0wSPKjk%2F0.jpg&amp;thumbnail&#x3D;1" alt="A股是投机，美股是投资？ #美股暴跌  #美股大逃杀   #A股  #美股  #不明白播客 #shorts" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="bg-black bg-opacity-60 rounded-full w-8 h-8 flex items-center justify-center">
                                <i class="fas fa-play text-white text-xs"></i>
                            </div>
                        </div>
                        <span class="video-duration text-white text-xs">10:04</span>
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">A股是投机，美股是投资？ #美股暴跌  #美股大逃杀   #A股  #美股  #不明白播客 #shorts</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-indigo-100 text-indigo-800 rounded px-1 py-0.5 text-xs font-medium mr-1">不明白播客</span>
                            <time data-timestamp="1780845478000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="3688210432" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;source-domain-logos%2Fwww_chinainperspective_com.jpg&amp;thumbnail&#x3D;1" alt="徐勤先，用自己的仕途、自由和余生，守住了一个军人最朴素的信仰" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">徐勤先，用自己的仕途、自由和余生，守住了一个军人最朴素的信仰</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-gray-100 text-gray-800 rounded px-1 py-0.5 text-xs font-medium mr-1">纵览中国</span>
                            <time data-timestamp="1780844556000"></time>
                        </div>
                    </div>
                </article>
                <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="1580505352" data-lang="zh">
                    <div class="relative flex-shrink-0 w-28 h-full">
                        <img src="/news5c/api/proxy-image?url&#x3D;https%3A%2F%2Fimg.youtube.com%2Fvi%2FKUdrjRmmSZY%2F0.jpg&amp;thumbnail&#x3D;1" alt="A股和美股的区别在哪里？ #美股暴跌  #美股大逃杀   #A股  #美股  #不明白播客 #shorts" class="w-full h-full object-cover" width="256" height="144" loading="lazy">
                        <div class="absolute inset-0 flex items-center justify-center">
                            <div class="bg-black bg-opacity-60 rounded-full w-8 h-8 flex items-center justify-center">
                                <i class="fas fa-play text-white text-xs"></i>
                            </div>
                        </div>
                        <span class="video-duration text-white text-xs">17:01</span>
                    </div>
                    <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                        <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">A股和美股的区别在哪里？ #美股暴跌  #美股大逃杀   #A股  #美股  #不明白播客 #shorts</h3>
                        <div class="flex items-center text-gray-500 text-xs">
                            <span class="bg-green-100 text-green-800 rounded px-1 py-0.5 text-xs font-medium mr-1">不明白播客</span>
                            <time data-timestamp="1780750450000"></time>
                        </div>
                    </div>
                </article>
            </div>
            
            <!-- 移动版维基关键词 (在新闻流下方显示) -->
            <div class="mt-6 md:hidden" id="mobile-wikipedia-section">
                    <div class="flex flex-wrap items-center">
                    <img src="/news5c/assets/images/wikipedia-logo.png" alt="维基百科" class="h-8 mr-3 mb-2" width="32" height="32">
                    <div class="flex flex-wrap gap-2">
                        <a href="/wikipedia/wiki/Z-Library" target="_blank" class="wiki-tag text-sm bg-blue-50 text-blue-700 hover:bg-blue-100 rounded-full px-3 py-1 mb-2">
                            <i class="fab fa-wikipedia-w"></i>
                            <span>Z-Library</span>
                        </a>
                        <a href="/wikipedia/wiki/白紙運動" target="_blank" class="wiki-tag text-sm bg-blue-50 text-blue-700 hover:bg-blue-100 rounded-full px-3 py-1 mb-2">
                            <i class="fab fa-wikipedia-w"></i>
                            <span>白紙運動</span>
                        </a>
                        <a href="/wikipedia/wiki/中国共产党" target="_blank" class="wiki-tag text-sm bg-blue-50 text-blue-700 hover:bg-blue-100 rounded-full px-3 py-1 mb-2">
                            <i class="fab fa-wikipedia-w"></i>
                            <span>中国共产党</span>
                        </a>
                        <a href="/wikipedia/wiki/习近平" target="_blank" class="wiki-tag text-sm bg-blue-50 text-blue-700 hover:bg-blue-100 rounded-full px-3 py-1 mb-2">
                            <i class="fab fa-wikipedia-w"></i>
                            <span>习近平</span>
                        </a>
                        <a href="/wikipedia/wiki/中国共产党中央政治局" target="_blank" class="wiki-tag text-sm bg-blue-50 text-blue-700 hover:bg-blue-100 rounded-full px-3 py-1 mb-2">
                            <i class="fab fa-wikipedia-w"></i>
                            <span>中国共产党中央政治局</span>
                        </a>
                        <a href="/wikipedia/wiki/中华人民共和国" target="_blank" class="wiki-tag text-sm bg-blue-50 text-blue-700 hover:bg-blue-100 rounded-full px-3 py-1 mb-2">
                            <i class="fab fa-wikipedia-w"></i>
                            <span>中华人民共和国</span>
                        </a>
                        <a href="/wikipedia/wiki/纪念中国人民抗日战争暨世界反法西斯战争胜利80周年大会" target="_blank" class="wiki-tag text-sm bg-blue-50 text-blue-700 hover:bg-blue-100 rounded-full px-3 py-1 mb-2">
                            <i class="fab fa-wikipedia-w"></i>
                            <span>纪念中国人民抗日战争暨世界反法西斯战争胜利80周年大会</span>
                        </a>
                        <a href="/wikipedia/wiki/对习近平的争议" target="_blank" class="wiki-tag text-sm bg-blue-50 text-blue-700 hover:bg-blue-100 rounded-full px-3 py-1 mb-2">
                            <i class="fab fa-wikipedia-w"></i>
                            <span>对习近平的争议</span>
                        </a>
                    </div>
                </div>
            </div>
        </section>

        <!-- 常见问题、问题反馈、问卷调查 -->
        <section id="faq" class="section mb-12 bg-white rounded-lg shadow-sm p-5">
            <div class="flex flex-wrap -mx-3">
                <div class="w-full lg:w-1/2 px-3 mb-6 lg:mb-0">
                    <h2 class="text-2xl font-bold text-gray-800 mb-4" data-i18n="faq.title">常见问题</h2>
                    <div class="space-y-3">
                        <div class="border-b border-gray-100 pb-3">
                            <h3 class="font-medium text-lg mb-1 text-gray-800" data-i18n="faq.q1.title">自由新闻是什么？</h3>
                            <p class="text-gray-600" data-i18n="faq.q1.answer">自由新闻是一个致力于提供多元化国际新闻资讯的平台，帮助用户获取来自世界各地的新闻视角。</p>
                        </div>
                        <div class="border-b border-gray-100 pb-3">
                            <h3 class="font-medium text-lg mb-1 text-gray-800" data-i18n="faq.q2.title">如何使用这个平台？</h3>
                            <p class="text-gray-600" data-i18n="faq.q2.answer">您可以直接浏览页面上的新闻，或使用搜索功能查找特定内容。点击任何新闻标题可查看详细内容。</p>
                        </div>
                        <div>
                            <h3 class="font-medium text-lg mb-1 text-gray-800" data-i18n="faq.q3.title">为什么有些内容无法访问？</h3>
                            <p class="text-gray-600" data-i18n="faq.q3.answer">网络环境可能导致某些内容加载缓慢或无法访问。您可以尝试使用我们提供的镜像链接或下载自由浏览工具。</p>
                        </div>
                    </div>
                </div>
                
                <div class="w-full lg:w-1/2 px-3">
                    <div class="mb-6">
                        <h2 class="text-2xl font-bold text-gray-800 mb-4" id="feedback" style="scroll-margin-top: 120px;" data-i18n="feedback.title">问题反馈</h2>
                        
                        <!-- 成功/错误消息 -->
                        <div id="feedback-message" class="hidden mb-4 p-4 rounded-md"></div>
                        
                        <form id="feedback-form" class="space-y-3">
                            <div>
                                <label for="feedback-email" class="block text-sm font-medium text-gray-700 mb-1"><span data-i18n="feedback.email">您的邮箱</span> <span class="text-red-500" data-i18n="feedback.required">*</span></label>
                                <input 
                                    type="email" 
                                    id="feedback-email" 
                                    name="email"
                                    required
                                    class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-primary focus:border-primary" 
                                    placeholder="请输入您的邮箱地址"
                                    data-i18n-placeholder="feedback.emailPlaceholder">
                                <div id="email-error" class="hidden text-red-500 text-sm mt-1"></div>
                            </div>
                            <div>
                                <label for="feedback-textarea" class="block text-sm font-medium text-gray-700 mb-1"><span data-i18n="feedback.message">问题描述</span> <span class="text-red-500" data-i18n="feedback.required">*</span></label>
                                <textarea 
                                    id="feedback-textarea" 
                                    name="message"
                                    required
                                    minlength="10"
                                    maxlength="2000"
                                    class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-primary focus:border-primary" 
                                    rows="4" 
                                    placeholder="请详细描述您遇到的问题（至少10个字符）"
                                    data-i18n-placeholder="feedback.messagePlaceholder"></textarea>
                                <div class="flex justify-between">
                                    <div id="message-error" class="hidden text-red-500 text-sm mt-1"></div>
                                    <div class="text-gray-400 text-sm mt-1">
                                        <span id="char-count">0</span>/2000
                                    </div>
                                </div>
                            </div>
                            <button 
                                type="submit" 
                                id="feedback-submit" 
                                class="bg-primary hover:bg-primaryDark text-white font-medium rounded-md px-4 py-2 disabled:opacity-50 disabled:cursor-not-allowed flex items-center">
                                <span id="submit-text" data-i18n="feedback.submit">提交反馈</span>
                                <div id="submit-spinner" class="hidden ml-2">
                                    <div class="animate-spin rounded-full h-4 w-4 border-b-2 border-white"></div>
                                </div>
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </section>

        <!-- 关于我们 -->
        <section id="about" class="section mb-12 bg-white rounded-lg shadow-sm p-5">
            <h2 class="text-2xl font-bold text-gray-800 mb-4" data-i18n="about.title">关于我们</h2>
            <div class="prose max-w-none text-gray-700">
                <p class="mb-3" data-i18n="about.p1">自由新闻致力于为全球华语用户提供自由、开放、多元的新闻资讯服务。在当今信息高度碎片化的时代，我们希望通过整合全球重要新闻媒体的内容，让用户能够便捷地获取多角度的国际视野。</p>
                <p class="mb-3" data-i18n="about.p2">我们相信，获取多元信息是每个人的基本权利。通过了解不同立场和观点的信息，人们能够形成更加全面、客观的认知，进而做出更明智的判断和选择。</p>
                <p data-i18n="about.p3">自由新闻团队由来自全球各地的新闻工作者、技术专家和内容策划人组成，我们承诺不断优化用户体验，提供更加丰富、准确的新闻内容。</p>
            </div>
        </section>

    </main>

    <footer class="bg-gray-800 text-gray-300">
        <div class="container mx-auto px-4 py-6">
            <div class="flex flex-col md:flex-row justify-between mb-6">
                <div class="mb-6 md:mb-0">
                    <div class="flex items-center mb-3">
                        <img src="/news5c/assets/images/logo.png" alt="自由新闻" class="w-8 h-8" width="32" height="32">
                        <h2 class="text-xl font-bold text-white ml-2" data-i18n="site.title">自由新闻</h2>
                    </div>
                    <p class="text-sm" data-i18n="site.subtitle">自由选择，浏览世界</p>
                </div>
                
                <div class="grid grid-cols-2 md:grid-cols-3 gap-6">
                    <div>
                        <h3 class="text-lg font-medium text-white mb-3" data-i18n="footer.navigation">导航</h3>
                        <ul class="space-y-1 text-sm">
                            <li><a href="#news" class="hover:text-white" data-i18n="nav.news">新闻</a></li>
                            <li><a id="footer-speedtest" href="https://cc.greatfire.org/zh/test" target="_blank" rel="noopener noreferrer" class="hover:text-white hidden" data-i18n="nav.speedtest">测速</a></li>
                            <li><a href="#faq" class="hover:text-white" data-i18n="nav.faq">常见问题</a></li>
                            <li><a href="#about" class="hover:text-white" data-i18n="nav.about">关于我们</a></li>
                        </ul>
                    </div>
                    
                    <div>
                        <h3 class="text-lg font-medium text-white mb-3" data-i18n="footer.contact">联系</h3>
                        <ul class="space-y-1 text-sm">
                            <li><a href="#feedback" class="hover:text-white" data-i18n="footer.feedback">问题反馈</a></li>
                            <li><a href="/cdn-cgi/l/email-protection#394a4c4949564b4d795e4b5c584d5f504b5c17564b5e" class="hover:text-white"><span class="__cf_email__" data-cfemail="087b7d7878677a7c486f7a6d697c6e617a6d26677a6f">[email&#160;protected]</span></a></li>
                            <li><a href="https://patreon.com/greatfire" class="hover:text-white" target="_blank" data-i18n="footer.support">支持我们</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            
            <div class="border-t border-gray-700 pt-4 text-sm text-center">
                <p data-i18n="copyright">© 2023 自由新闻. 保留所有权利。本网站内容仅供参考，不构成任何建议。</p>
            </div>
        </div>
    </footer>

    <!-- 返回顶部按钮 -->
    <a href="#" id="back-to-top" class="fixed bottom-6 right-6 bg-primary hover:bg-primaryDark text-white w-10 h-10 rounded-full flex items-center justify-center shadow-md opacity-0 invisible transition-all duration-300">
        <i class="fas fa-arrow-up"></i>
    </a>

    <!-- 下载弹窗 -->
    <div id="download" class="hidden fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center">
        <div class="bg-white rounded-lg max-w-md w-full p-5 relative">
            <button id="close-download" class="absolute top-4 right-4 text-gray-400 hover:text-gray-600">
                <i class="fas fa-times"></i>
            </button>
            <h3 class="text-2xl font-bold text-gray-800 mb-4">下载自由浏览</h3>
            <p class="text-gray-600 mb-5">自由浏览是我们推出的加密浏览工具，可帮助您安全、自由地访问互联网上的各类信息。</p>
            <div class="grid grid-cols-2 gap-3 mb-5">
                <a href="#" class="flex flex-col items-center p-3 border border-gray-200 rounded-lg hover:bg-gray-50 relative">
                    <i class="fab fa-windows text-3xl text-blue-500 mb-2"></i>
                    <span class="text-gray-700">Windows版</span>
                    <span class="version-badge">v2.5.1</span>
                </a>
                <a href="#" class="flex flex-col items-center p-3 border border-gray-200 rounded-lg hover:bg-gray-50 relative">
                    <i class="fab fa-apple text-3xl text-gray-700 mb-2"></i>
                    <span class="text-gray-700">Mac版</span>
                    <span class="version-badge">v2.5.0</span>
                </a>
                <a href="#" class="flex flex-col items-center p-3 border border-gray-200 rounded-lg hover:bg-gray-50 relative">
                    <i class="fab fa-android text-3xl text-green-500 mb-2"></i>
                    <span class="text-gray-700">Android版</span>
                    <span class="version-badge">v2.4.8</span>
                </a>
                <a href="#" class="flex flex-col items-center p-3 border border-gray-200 rounded-lg hover:bg-gray-50 relative">
                    <i class="fab fa-apple text-3xl text-gray-700 mb-2"></i>
                    <span class="text-gray-700">iOS版</span>
                    <span class="version-badge">v2.4.5</span>
                </a>
            </div>
            <div class="bg-blue-50 p-3 rounded-md mb-4">
                <div class="flex items-start">
                    <div class="flex-shrink-0 pt-0.5">
                        <i class="fas fa-info-circle text-blue-500"></i>
                    </div>
                    <div class="ml-3">
                        <h4 class="text-sm font-medium text-blue-800">最新更新</h4>
                        <p class="text-xs text-blue-700 mt-1">Windows v2.5.1 (2023.11.05): 修复DNS泄露问题，提升连接稳定性，优化用户界面。</p>
                    </div>
                </div>
            </div>
            <div class="text-sm text-gray-500">
                下载即表示您同意我们的<a href="#" class="text-primary hover:underline">使用条款</a>和<a href="#" class="text-primary hover:underline">隐私政策</a>。
            </div>
        </div>
    </div>

    <!-- 新闻阅读模态框（全屏版） -->
    <div id="news-preview-modal" class="news-preview-modal fixed inset-0 bg-white z-50 overflow-hidden">
        <div class="news-preview-content h-full flex flex-col">
            <!-- 新闻内容 -->
            <div class="flex-1 overflow-y-auto custom-scrollbar bg-gray-50">
                <!-- 正文容器 -->
                <div class="max-w-4xl mx-auto px-4 md:px-0 py-6 md:flex md:gap-8">
                    <!-- 主内容区域 -->
                    <div class="md:w-3/4 bg-white rounded-lg shadow-sm p-5 md:p-7">
                        <!-- 顶部导航栏 (内嵌到正文区域) -->
                        <div class="article-nav-top flex items-center justify-between flex-wrap gap-3 mb-6 p-3 bg-gray-50 rounded-lg">
                            <button id="close-preview" class="nav-btn flex items-center text-gray-600 hover:text-primary px-3 py-2 rounded-md border border-gray-300 hover:border-primary transition-all" data-tooltip="返回">
                                <i class="fas fa-arrow-left mr-2"></i>
                                <span data-i18n="news.back">返回</span>
                            </button>
                            <div class="flex items-center gap-2">
                                <button id="prev-news-top" class="nav-btn flex items-center text-gray-600 hover:text-primary px-3 py-2 rounded-md border border-gray-300 hover:border-primary transition-all" data-tooltip="上一篇">
                                    <i class="fas fa-chevron-left mr-2"></i>
                                    <span data-i18n="news.previous">上一篇</span>
                                </button>
                                <button id="next-news-top" class="nav-btn flex items-center text-gray-600 hover:text-primary px-3 py-2 rounded-md border border-gray-300 hover:border-primary transition-all" data-tooltip="下一篇">
                                    <span data-i18n="news.next">下一篇</span>
                                    <i class="fas fa-chevron-right ml-2"></i>
                                </button>
                            </div>
                            <a href="#" id="read-original" target="_blank" class="nav-btn bg-primary hover:bg-primaryDark text-white font-medium rounded-md px-4 py-2 inline-flex items-center transition-colors" data-tooltip="阅读原文">
                                <span data-i18n="news.original">原文</span>
                                <i class="fas fa-external-link-alt ml-2 text-xs"></i>
                            </a>
                        </div>
                        
                        <!-- 文章信息 -->
                        <div class="mb-6">
                            <div class="flex items-center text-sm text-gray-500 mb-3">
                                <span id="preview-source" class="rounded px-2 py-0.5 text-xs font-medium mr-2"></span>
                                <time id="preview-time"></time>
                            </div>
                            <h2 id="preview-title" class="text-2xl md:text-3xl font-bold text-gray-900 mb-4"></h2>
                            
                            <!-- 维基关键词标签 -->
                            <div class="flex flex-wrap gap-2 mb-5" id="modal-wikipedia-tags">
                                <!-- 维基标签将通过JavaScript动态生成 -->
                            </div>
                            
                            <!-- 视频容器 -->
                            <div id="preview-video-container" class="mb-6 hidden">
                                <div id="preview-video-wrapper" class="w-full aspect-video bg-black rounded-lg overflow-hidden">
                                    <!-- 视频内容将通过JavaScript动态生成 -->
                                </div>
                            </div>
                            
                            <!-- 新闻正文 -->
                            <div class="mb-6">
                                <div id="preview-content" class="news-content text-gray-700 leading-relaxed"></div>
                            </div>
                            
                            <!-- 正文底部导航按钮 -->
                            <div class="article-nav-bottom flex items-center justify-between flex-wrap gap-3 mt-6 p-3 bg-gray-50 rounded-lg border-t border-gray-200">
                                <button id="close-preview-bottom" class="nav-btn flex items-center text-gray-600 hover:text-primary px-3 py-2 rounded-md border border-gray-300 hover:border-primary transition-all" data-tooltip="返回">
                                    <i class="fas fa-arrow-left mr-2"></i>
                                    <span data-i18n="news.back">返回</span>
                                </button>
                                <div class="flex items-center gap-2">
                                    <button id="prev-news" class="nav-btn flex items-center text-gray-600 hover:text-primary px-3 py-2 rounded-md border border-gray-300 hover:border-primary transition-all" data-tooltip="上一篇">
                                        <i class="fas fa-chevron-left mr-2"></i>
                                        <span data-i18n="news.previous">上一篇</span>
                                    </button>
                                    <button id="next-news" class="nav-btn flex items-center text-gray-600 hover:text-primary px-3 py-2 rounded-md border border-gray-300 hover:border-primary transition-all" data-tooltip="下一篇">
                                        <span data-i18n="news.next">下一篇</span>
                                        <i class="fas fa-chevron-right ml-2"></i>
                                    </button>
                                </div>
                                <a href="#" id="read-original-bottom" target="_blank" class="nav-btn bg-primary hover:bg-primaryDark text-white font-medium rounded-md px-4 py-2 inline-flex items-center transition-colors" data-tooltip="阅读原文">
                                    <span data-i18n="news.original">原文</span>
                                    <i class="fas fa-external-link-alt ml-2 text-xs"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 右侧相关新闻 - 仅桌面显示 -->
                    <div class="hidden md:block md:w-1/4">
                        <div class="sticky top-24 bg-white rounded-lg shadow-sm p-4">
                            <h3 class="text-lg font-bold text-gray-800 mb-4" data-i18n="news.relatedNews">相关新闻</h3>
                            <div class="space-y-4 max-h-[70vh] overflow-y-auto pr-1" id="related-news-container">
                                <!-- 相关新闻将通过JavaScript动态生成 -->
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- 移动版相关新闻 -->
                <div class="md:hidden max-w-4xl mx-auto px-4 pb-6">
                    <div class="bg-white rounded-lg shadow-sm p-5">
                        <h3 class="text-lg font-bold text-gray-800 mb-3" data-i18n="news.relatedNews">相关新闻</h3>
                        <div class="grid grid-cols-1 gap-3" id="related-news-container-mobile">
                            <!-- 相关新闻将通过JavaScript动态生成 -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
        // 新闻数据已移动到外部文件 news-data.js
        
        // Base64 encoded cached images array (only in single mode)
        const cachedBase64Images = [];
        
        // URL重写函数 - 将特定域名重写为本地路径 (only when mirror=1)
        function rewriteUrl(originalUrl) {
            if (!originalUrl || typeof originalUrl !== 'string') {
                return originalUrl;
            }
            
            // Only rewrite if mirror=1 (same as Wikipedia links)
            if (!window.showDownloadLinks) {
                return originalUrl;
            }
            
            // 定义域名重写规则
            const rewriteRules = [
                {
                    from: 'https://freewechat.com/',
                    to: '/fwc/'
                },
                {
                    from: 'https://freezhihu.org/',
                    to: '/fzh/'
                }
            ];
            
            // 应用重写规则
            for (const rule of rewriteRules) {
                if (originalUrl.startsWith(rule.from)) {
                    const rewrittenUrl = originalUrl.replace(rule.from, rule.to);
                    return rewrittenUrl;
                }
            }
            
            // 如果没有匹配的规则，返回原始URL
            return originalUrl;
        }
        
        // 时间格式化函数
        function formatTimestamp(timestamp) {
            if (!timestamp) return '';
            
            const now = Date.now();
            const newsTime = typeof timestamp === 'number' ? timestamp : parseInt(timestamp);
            const diffMs = now - newsTime;
            
            // 转换为分钟、小时、天、月、年
            const diffMinutes = Math.floor(diffMs / (1000 * 60));
            const diffHours = Math.floor(diffMs / (1000 * 60 * 60));
            const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));
            const diffMonths = Math.floor(diffMs / (1000 * 60 * 60 * 24 * 30));
            const diffYears = Math.floor(diffMs / (1000 * 60 * 60 * 24 * 365));
            
            if (diffMinutes < 1) {
                // Less than 1 minute
                return t('time.justNow');
            } else if (diffMinutes < 60) {
                // Less than 1 hour, show X minutes ago
                return `${diffMinutes} ${t('time.minutesAgo')}`;
            } else if (diffHours < 24) {
                // Less than 24 hours, show X hours ago
                return `${diffHours} ${t('time.hoursAgo')}`;
            } else if (diffDays < 30) {
                // Less than 30 days, show X days ago
                return `${diffDays} ${t('time.daysAgo')}`;
            } else if (diffMonths < 12) {
                // Less than 12 months, show X months ago
                return `${diffMonths} ${t('time.monthsAgo')}`;
            } else {
                // 12 months or more, show X years ago
                return `${diffYears} ${t('time.yearsAgo')}`;
            }
        }
        
        // Insert download ad into headline news (for mirror mode)
        function renderHeadlineNews() {
            const headlineContainer = document.getElementById('headline-news-container');
            if (!headlineContainer) return;
            
            // Remove any existing headline ads first to avoid duplicates
            const existingHeadlineAds = headlineContainer.querySelectorAll('.headline-ad');
            existingHeadlineAds.forEach(ad => ad.remove());
            
            // Determine which type of ad to show
            const showFreeBrowser = window.showDownloadLinks;
            const showVPN = window.showVPNLinks;
            
            if (showFreeBrowser || showVPN) {
                // 1) Hide articles for other languages, work only with current language
                const allHeadlineArticles = Array.from(headlineContainer.querySelectorAll('.headline-news[data-lang]:not(.headline-ad)'));
                allHeadlineArticles.forEach(article => {
                    const articleLang = article.getAttribute('data-lang');
                    article.style.display = articleLang === currentUILang ? '' : 'none';
                });

                // 2) Limit to first 3 items for current language
                const currentLangArticles = allHeadlineArticles.filter(a => a.getAttribute('data-lang') === currentUILang);
                currentLangArticles.forEach((article, index) => {
                    article.style.display = index < 3 ? '' : 'none';
                });

                if (currentLangArticles.length > 0) {
                    const adPosition = Math.floor(Math.random() * Math.min(4, Math.min(3, currentLangArticles.length)));
                    
                    // 创建广告元素
                    const adElement = document.createElement('article');
                    adElement.className = 'headline-news headline-ad py-2 rounded-md cursor-pointer hover:shadow-sm bg-gradient-to-r from-blue-50 to-purple-50 border border-blue-200';
                    adElement.setAttribute('data-lang', currentUILang); // Match current UI language
                    
                    if (showFreeBrowser) {
                        // FreeBrowser ad
                        adElement.onclick = function(e) {
                            e.stopPropagation();
                            window.open('/fb/', '_blank');
                            return false;
                        };
                        adElement.innerHTML = `
                            <h3 class="font-bold text-lg leading-tight mb-1 hover:text-primary text-blue-700">${t('ad.title')}</h3>
                            <div class="flex items-center text-gray-500 text-sm">
                                <span class="bg-blue-100 text-blue-800 rounded px-2 py-0.5 text-xs font-medium mr-2">${t('ad.badge')}</span>
                                <span class="text-blue-600 text-xs font-medium">${t('ad.subtitle')}</span>
                            </div>
                        `;
                    } else {
                        // GreatFireVPN ad
                        adElement.className = 'headline-news headline-ad py-2 rounded-md cursor-pointer hover:shadow-sm bg-gradient-to-r from-orange-50 to-red-50 border border-orange-200';
                        adElement.onclick = function(e) {
                            e.stopPropagation();
                            window.open('https://greatfirevpn.com/?utm_source=freenews&utm_medium=referral&utm_campaign=vpn-promotion&utm_content=headline-ad', '_blank');
                            return false;
                        };
                        adElement.innerHTML = `
                            <h3 class="font-bold text-lg leading-tight mb-1 hover:text-primary text-orange-700">${t('vpn.title')}</h3>
                            <div class="flex items-center text-gray-500 text-sm">
                                <span class="bg-orange-100 text-orange-800 rounded px-2 py-0.5 text-xs font-medium mr-2">${t('vpn.badge')}</span>
                                <span class="text-orange-600 text-xs font-medium">${t('vpn.subtitle')}</span>
                            </div>
                        `;
                    }
                    
                    // 将广告插入到随机位置（插入，不替换），目标在当前语言的前3条之内
                    if (adPosition < currentLangArticles.length) {
                        const anchor = currentLangArticles[adPosition];
                        anchor.parentNode.insertBefore(adElement, anchor);
                    } else {
                        headlineContainer.appendChild(adElement);
                    }
                }
            }
        }

        // Translation dictionary for bilingual UI
        const translations = {
            zh: {
                'site.title': '自由新闻',
                'site.subtitle': '自由选择，浏览世界',
                'intro.title': '关于本站',
                'intro.about.rest': '是一个聚合多来源的新闻汇总站点，旨在帮助您更自由地获取全球信息。',
                'intro.mirror.label': '如遇访问困难，可尝试使用我们的镜像域名：',
                'intro.share': '您也可以将该镜像链接分享给他人，帮助更多人顺利访问本页。',
                'intro.recommend.prefix': '为长期稳定访问，推荐使用',
                'intro.feedback.prefix': '如果您有任何问题或建议，欢迎前往',
                'intro.feedback.suffix': '提交意见。',
                'nav.news': '新闻',
                'nav.faq': '常见问题',
                'nav.about': '关于我们',
                'nav.speedtest': '测速',
                'btn.download': '下载自由浏览',
                'btn.download.short': '下载',
                'btn.vpn': 'GreatFireVPN',
                'btn.vpn.short': 'VPN',
                'filter.video': '视频专栏',
                'filter.allNews': '全部新闻',
                'filter.source': '新闻源',
                'filter.all': '全部',
                'filter.allSources': '全部来源',
                'filter.videoOnly': '仅视频',
                'filter.sortHot': '热门',
                'filter.sortTime': '最新',
                'view.grid': '网格',
                'view.list': '列表',
                'wiki.title': '相关维基百科',
                'wiki.noArticles': '暂无相关维基百科文章',
                'time.justNow': '刚刚',
                'time.minutesAgo': '分钟前',
                'time.hoursAgo': '小时前',
                'time.daysAgo': '天前',
                'time.monthsAgo': '个月前',
                'time.yearsAgo': '年前',
                'news.noTitle': '无标题',
                'news.noSummary': '暂无摘要',
                'news.unknownSource': '未知来源',
                'faq.title': '常见问题',
                'faq.q1.title': '自由新闻是什么？',
                'faq.q1.answer': '自由新闻是一个致力于提供多元化国际新闻资讯的平台，帮助用户获取来自世界各地的新闻视角。',
                'faq.q2.title': '如何使用这个平台？',
                'faq.q2.answer': '您可以直接浏览页面上的新闻，或使用搜索功能查找特定内容。点击任何新闻标题可查看详细内容。',
                'faq.q3.title': '为什么有些内容无法访问？',
                'faq.q3.answer': '网络环境可能导致某些内容加载缓慢或无法访问。您可以尝试使用我们提供的镜像链接或下载自由浏览工具。',
                'feedback.title': '问题反馈',
                'feedback.email': '您的邮箱',
                'feedback.emailPlaceholder': '请输入您的邮箱地址',
                'feedback.message': '问题描述',
                'feedback.messagePlaceholder': '请详细描述您遇到的问题（至少10个字符）',
                'feedback.submit': '提交反馈',
                'feedback.required': '*',
                'feedback.emailRequired': '请输入邮箱地址',
                'feedback.emailInvalid': '请输入有效的邮箱地址',
                'feedback.messageRequired': '请输入问题描述',
                'feedback.messageMin': '问题描述至少需要10个字符',
                'feedback.messageMax': '问题描述不能超过2000个字符',
                'about.title': '关于我们',
                'about.p1': '自由新闻致力于为全球华语用户提供自由、开放、多元的新闻资讯服务。在当今信息高度碎片化的时代，我们希望通过整合全球重要新闻媒体的内容，让用户能够便捷地获取多角度的国际视野。',
                'about.p2': '我们相信，获取多元信息是每个人的基本权利。通过了解不同立场和观点的信息，人们能够形成更加全面、客观的认知，进而做出更明智的判断和选择。',
                'about.p3': '自由新闻团队由来自全球各地的新闻工作者、技术专家和内容策划人组成，我们承诺不断优化用户体验，提供更加丰富、准确的新闻内容。',
                'footer.navigation': '导航',
                'footer.contact': '联系',
                'footer.feedback': '问题反馈',
                'footer.support': '支持我们',
                'news.back': '返回',
                'news.previous': '上一篇',
                'news.next': '下一篇',
                'news.original': '原文',
                'news.relatedNews': '相关新闻',
                'search.placeholder': '搜索国际新闻...',
                'copyright': '© 2023 自由新闻. 保留所有权利。本网站内容仅供参考，不构成任何建议。',
                'ad.title': '这款浏览器，无需翻墙即可直接浏览谷歌油管！',
                'ad.badge': '🚀 自由浏览',
                'ad.subtitle': '免费无限流量 | 立即下载',
                'ad.description': '自由浏览最新版本更新了，优化连接速度访问更畅快！免费无限流量，助你掌握最新热门资讯，了解墙外世界！',
                'ad.cta': '立即下载 →',
                'vpn.title': 'GreatFireVPN - 没有防火墙能阻挡我们',
                'vpn.badge': '🔥 GreatFireVPN',
                'vpn.subtitle': '30天免费试用 | 无需注册',
                'vpn.description': '体验真正的互联网自由！4种突破封锁方法，全球100+服务器，快速、安全、可靠。立即开始30天免费试用，无需注册！',
                'vpn.cta': '免费试用 →'
            },
            ru: {
                'site.title': 'Свободные Новости',
                'site.subtitle': '',
                'intro.title': 'О сайте',
                'intro.about.rest': ' — агрегатор новостей из разных источников, помогающий свободно получать информацию со всего мира.',
                'intro.mirror.label': 'Если доступ затруднён, попробуйте наши зеркальные домены:',
                'intro.share': 'Вы также можете поделиться этой зеркальной ссылкой, чтобы другим было проще открыть эту страницу.',
                'intro.recommend.prefix': 'Для долгосрочного стабильного доступа рекомендуем использовать',
                'intro.feedback.prefix': 'Если у вас есть вопросы или предложения, перейдите в раздел',
                'intro.feedback.suffix': 'и отправьте нам сообщение.',
                'nav.news': 'Новости',
                'nav.faq': 'FAQ',
                'nav.about': 'О нас',
                'nav.speedtest': 'Тест скорости',
                'btn.download': 'Скачать FreeBrowser',
                'btn.download.short': 'Скачать',
                'btn.vpn': 'GreatFireVPN',
                'btn.vpn.short': 'VPN',
                'filter.video': 'Видео',
                'filter.allNews': 'Все новости',
                'filter.source': 'Источники',
                'filter.all': 'Все',
                'filter.allSources': 'Все источники',
                'filter.videoOnly': 'Только видео',
                'filter.sortHot': 'Топ',
                'filter.sortTime': 'Свежие',
                'view.grid': 'Сетка',
                'view.list': 'Список',
                'wiki.title': 'Связанная Википедия',
                'wiki.noArticles': 'Нет связанных статей Википедии',
                'time.justNow': 'только что',
                'time.minutesAgo': 'мин. назад',
                'time.hoursAgo': 'ч. назад',
                'time.daysAgo': 'дн. назад',
                'time.monthsAgo': 'мес. назад',
                'time.yearsAgo': 'лет назад',
                'news.noTitle': 'Без названия',
                'news.noSummary': 'Без описания',
                'news.unknownSource': 'Неизвестный источник',
                'faq.title': 'FAQ',
                'faq.q1.title': 'Что такое Свободные Новости?',
                'faq.q1.answer': 'Свободные Новости - это платформа, предназначенная для предоставления разнообразной международной информации, помогающей пользователям получать новостные перспективы со всего мира.',
                'faq.q2.title': 'Как пользоваться этой платформой?',
                'faq.q2.answer': 'Вы можете просматривать новости на странице напрямую или использовать функцию поиска для поиска конкретного контента. Нажмите на любой заголовок новости для просмотра деталей.',
                'faq.q3.title': 'Почему некоторый контент недоступен?',
                'faq.q3.answer': 'Сетевая среда может привести к медленной загрузке или недоступности некоторого контента. Вы можете попробовать использовать наши зеркальные ссылки или загрузить инструмент свободного просмотра.',
                'feedback.title': 'Обратная связь',
                'feedback.email': 'Ваш email',
                'feedback.emailPlaceholder': 'Введите ваш email',
                'feedback.message': 'Описание проблемы',
                'feedback.messagePlaceholder': 'Пожалуйста, опишите вашу проблему подробно (минимум 10 символов)',
                'feedback.submit': 'Отправить',
                'feedback.required': '*',
                'feedback.emailRequired': 'Пожалуйста, введите email',
                'feedback.emailInvalid': 'Пожалуйста, введите корректный email',
                'feedback.messageRequired': 'Пожалуйста, введите описание проблемы',
                'feedback.messageMin': 'Описание должно содержать не менее 10 символов',
                'feedback.messageMax': 'Описание не должно превышать 2000 символов',
                'about.title': 'О нас',
                'about.p1': 'Свободные Новости стремятся предоставить глобальным китайскоязычным пользователям свободный, открытый и разнообразный новостной сервис. В эпоху высокофрагментированной информации мы надеемся, что объединение контента важных мировых СМИ позволит пользователям удобно получать международные перспективы с разных точек зрения.',
                'about.p2': 'Мы верим, что доступ к разнообразной информации - это основное право каждого человека. Понимая информацию с разных позиций и точек зрения, люди могут сформировать более всестороннее и объективное познание, а затем сделать более мудрые суждения и выборы.',
                'about.p3': 'Команда Свободных Новостей состоит из журналистов, технических экспертов и контент-планировщиков со всего мира. Мы обязуемся постоянно оптимизировать пользовательский опыт и предоставлять более богатый и точный новостной контент.',
                'footer.navigation': 'Навигация',
                'footer.contact': 'Контакты',
                'footer.feedback': 'Обратная связь',
                'footer.support': 'Поддержите нас',
                'news.back': 'Назад',
                'news.previous': 'Предыдущая',
                'news.next': 'Следующая',
                'news.original': 'Источник',
                'news.relatedNews': 'Связанные новости',
                'search.placeholder': 'Поиск международных новостей...',
                'copyright': '© 2023 Свободные Новости. Все права защищены. Содержимое этого сайта предназначено только для справки и не является советом.',
                'ad.title': 'Этот браузер позволяет смотреть Google и YouTube без VPN!',
                'ad.badge': '🚀 FreeBrowser',
                'ad.subtitle': 'Бесплатно, без ограничений | Скачать',
                'ad.description': 'Новая версия FreeBrowser оптимизирована для быстрого доступа! Бесплатный безлимитный трафик, будьте в курсе последних новостей!',
                'ad.cta': 'Скачать →',
                'vpn.title': 'GreatFireVPN - Никакой файрвол нас не остановит',
                'vpn.badge': '🔥 GreatFireVPN',
                'vpn.subtitle': '30 дней бесплатно | Без регистрации',
                'vpn.description': 'Истинная свобода интернета! 4 метода обхода блокировок, 100+ серверов по всему миру, быстро, безопасно, надёжно. Начните 30-дневную бесплатную пробную версию без регистрации!',
                'vpn.cta': 'Попробовать бесплатно →'
            }
        };
        
        // Expose single mode to client
        window.isSingleMode = false;
        
        // Expose news data timestamp for cache busting
        window.newsDataTimestamp = 1780975874710;
        
        // Detect browser language and set default
        function getDefaultLanguage() {
            try {
                const path = (window.location && window.location.pathname) || '/';
                
                // 1) Explicit route override: /ru always means Russian
                if (path && path.startsWith('/ru')) {
                    return 'ru';
                }
                
                // 2) Saved user preference (if exists, use it regardless of route)
                // Only set when user manually switches language, not auto-detected
                try {
                    const savedLang = localStorage.getItem('preferredLanguage');
                    if (savedLang) {
                        return savedLang;
                    }
                } catch (e) {}
                
                // 3) Browser language detection (for first-time visitors to /)
                // Only applies when visiting / (not /ru) and no saved preference
                try {
                    const browserLang = (navigator.language || navigator.userLanguage || '').toLowerCase();
                    if (browserLang.startsWith('ru') || browserLang.startsWith('tk') || browserLang.startsWith('tr')) {
                        return 'ru';
                    }
                } catch (e) {}
                
                // 4) Fallback to Chinese (default)
                return 'zh';
            } catch (e) {
                return 'zh';
            }
        }
        
        // Current UI language (independent from news filter)
        let currentUILang = getDefaultLanguage();
        document.body.classList.remove('lang-zh', 'lang-ru');
        document.body.classList.add('lang-' + currentUILang);
        
        // Switch UI language
        // Note: localStorage is NOT set here - only set when user manually switches language
        function switchUILanguage(lang) {
            currentUILang = lang;
            
            document.body.classList.remove('lang-zh', 'lang-ru');
            document.body.classList.add('lang-' + lang);
            
            // Update all elements with data-i18n attribute
            document.querySelectorAll('[data-i18n]').forEach(element => {
                const key = element.getAttribute('data-i18n');
                if (translations[lang] && translations[lang][key]) {
                    element.textContent = translations[lang][key];
                }
            });
            
            // Update all placeholders with data-i18n-placeholder attribute
            document.querySelectorAll('[data-i18n-placeholder]').forEach(element => {
                const key = element.getAttribute('data-i18n-placeholder');
                if (translations[lang] && translations[lang][key]) {
                    element.placeholder = translations[lang][key];
                }
            });

            // Update mobile tooltips for nav buttons (use same translations as labels)
            (function updateNavTooltips() {
                const tooltipMap = [
                    { id: 'close-preview', key: 'news.back' },
                    { id: 'prev-news-top', key: 'news.previous' },
                    { id: 'next-news-top', key: 'news.next' },
                    { id: 'read-original', key: 'news.original' },
                    { id: 'close-preview-bottom', key: 'news.back' },
                    { id: 'prev-news', key: 'news.previous' },
                    { id: 'next-news', key: 'news.next' },
                    { id: 'read-original-bottom', key: 'news.original' }
                ];
                tooltipMap.forEach(function(item) {
                    const el = document.getElementById(item.id);
                    const text = translations[lang] && translations[lang][item.key];
                    if (el && text) {
                        el.setAttribute('data-tooltip', text);
                    }
                });
            })();

            // Special handling: if site.subtitle translation is an empty string, hide subtitle elements
            (function handleEmptySubtitle() {
                const dict = translations[lang] || {};
                const hasKey = Object.prototype.hasOwnProperty.call(dict, 'site.subtitle');
                if (!hasKey) return; // don't change behavior if key missing
                const value = dict['site.subtitle'];
                const subtitleElements = document.querySelectorAll('[data-i18n="site.subtitle"]');
                subtitleElements.forEach(el => {
                    if (value === '') {
                        el.textContent = '';
                        el.classList.add('hidden');
                    } else {
                        el.textContent = value;
                        el.classList.remove('hidden');
                    }
                });
            })();
            
            // Update all timestamps
            updateAllTimestamps();
            
            // Filter headline news by language
            filterHeadlineNewsByLanguage(lang);
            
            // Filter Wikipedia links by language
            filterWikipediaByLanguage(lang);
            
            // Re-render headline ad for the new language
            if (typeof renderHeadlineNews === 'function') {
                renderHeadlineNews();
            }

            // Update Speedtest links locale on language switch
            const speedLinks = [
                document.getElementById('nav-speedtest-desktop'),
                document.getElementById('nav-speedtest-mobile'),
                document.getElementById('footer-speedtest')
            ].filter(Boolean);
            speedLinks.forEach(link => {
                const isRu = lang === 'ru';
                link.href = isRu ? 'https://cc.greatfire.org/ru/test' : 'https://cc.greatfire.org/zh/test';
                link.target = '_blank';
                link.rel = 'noopener noreferrer';
            });

            // Update visible language labels (desktop and mobile)
            const langNames = { 'zh': '中文', 'ru': 'Русский' };
            const desktopLangText = document.getElementById('current-lang-text');
            if (desktopLangText) {
                desktopLangText.textContent = langNames[lang] || lang;
            }
            const mobileLangText = document.getElementById('current-lang-text-mobile');
            if (mobileLangText) {
                mobileLangText.textContent = langNames[lang] || lang;
            }

            // Toggle RU credit block visibility based on UI language
            const truestoryCredit = document.getElementById('truestory-credit');
            if (truestoryCredit) {
                truestoryCredit.classList.toggle('hidden', lang !== 'ru');
            }

            // Toggle Sort Filter visibility (hide in RU mode)
            const sortFilterContainer = document.getElementById('sort-filter-container');
            if (sortFilterContainer) {
                if (lang === 'ru') {
                    sortFilterContainer.classList.add('hidden');
                } else {
                    sortFilterContainer.classList.remove('hidden');
                }
            }
        }
        
        // Filter headline news by language
        function filterHeadlineNewsByLanguage(lang) {
            const headlineArticles = document.querySelectorAll('.headline-news[data-lang]');
            headlineArticles.forEach(article => {
                const articleLang = article.getAttribute('data-lang');
                article.style.display = articleLang === lang ? '' : 'none';
            });
        }
        
        // Filter Wikipedia links based on UI language
        function filterWikipediaByLanguage(lang) {
            const wikiPrefix = lang === 'ru' ? 'ru' : 'zh';
            
            // Filter desktop Wikipedia section
            const desktopWikiSection = document.getElementById('desktop-wikipedia-section');
            if (desktopWikiSection) {
                const wikiLinks = desktopWikiSection.querySelectorAll('.wiki-tag');
                wikiLinks.forEach(link => {
                    // Check if link href matches the current language
                    const href = link.getAttribute('href');
                    if (href && (
                        (lang === 'ru' && href.includes('ru.wikipedia.org')) ||
                        (lang === 'zh' && href.includes('zh.wikipedia.org'))
                    )) {
                        link.style.display = '';
                    } else if (href && href.includes('wikipedia.org')) {
                        link.style.display = 'none';
                    }
                });
            }
            
            // Filter mobile Wikipedia section
            const mobileWikiSection = document.getElementById('mobile-wikipedia-section');
            if (mobileWikiSection) {
                const wikiLinks = mobileWikiSection.querySelectorAll('.wiki-tag');
                wikiLinks.forEach(link => {
                    const href = link.getAttribute('href');
                    if (href && (
                        (lang === 'ru' && href.includes('ru.wikipedia.org')) ||
                        (lang === 'zh' && href.includes('zh.wikipedia.org'))
                    )) {
                        link.style.display = '';
                    } else if (href && href.includes('wikipedia.org')) {
                        link.style.display = 'none';
                    }
                });
            }
        }
        
        // Get translation for a key
        function t(key) {
            return (translations[currentUILang] && translations[currentUILang][key]) || key;
        }
        
        // Update all timestamps on the page
        function updateAllTimestamps() {
            // Update all time elements that have a data-timestamp attribute
            document.querySelectorAll('time[data-timestamp]').forEach(timeElement => {
                const timestamp = timeElement.getAttribute('data-timestamp');
                if (timestamp) {
                    timeElement.textContent = formatTimestamp(parseInt(timestamp));
                }
            });
            
            // Update timestamp in modal if it's open
            const previewTime = document.getElementById('preview-time');
            if (previewTime && currentNewsId && typeof newsData !== 'undefined') {
                const newsItem = newsData.find(item => item.id === currentNewsId);
                if (newsItem && newsItem.time) {
                    previewTime.textContent = formatTimestamp(newsItem.time);
                }
            }
        }

        // 过滤状态
        let currentFilter = {
            type: 'all', // 'all' 或 'video'
            source: 'all', // 'all' 或具体来源名称
            lang: 'zh', // 'zh', 'ru', 或 'all' (default to Chinese)
            sort: 'hot' // 'hot' 或 'time'
        };

        // Single mode detection now handled server-side via template conditionals

        // Single mode UI handling now done server-side via template conditionals
        
        // Setup event listeners for interactive elements
        function setupEventListeners() {
            // Source filter
            const sourceFilterBtn = document.getElementById('source-filter-btn');
            const sourceDropdown = document.getElementById('source-dropdown');
            
            if (sourceFilterBtn && sourceDropdown) {
                // Remove any existing event listeners
                sourceFilterBtn.replaceWith(sourceFilterBtn.cloneNode(true));
                const newSourceFilterBtn = document.getElementById('source-filter-btn');
                
                newSourceFilterBtn.addEventListener('click', function(e) {
                    e.stopPropagation();
                    sourceDropdown.classList.toggle('hidden');
                    // Close sort dropdown if open
                    const sortDropdown = document.getElementById('sort-dropdown');
                    if (sortDropdown) sortDropdown.classList.add('hidden');
                });
            }
            
            // Sort filter
            const sortFilterBtn = document.getElementById('sort-filter-btn');
            const sortDropdown = document.getElementById('sort-dropdown');
            
            if (sortFilterBtn && sortDropdown) {
                // Remove any existing event listeners
                sortFilterBtn.replaceWith(sortFilterBtn.cloneNode(true));
                const newSortFilterBtn = document.getElementById('sort-filter-btn');
                
                newSortFilterBtn.addEventListener('click', function(e) {
                    e.stopPropagation();
                    sortDropdown.classList.toggle('hidden');
                    // Close source dropdown if open
                    const sourceDropdown = document.getElementById('source-dropdown');
                    if (sourceDropdown) sourceDropdown.classList.add('hidden');
                });
                
                // Sort options click
                sortDropdown.addEventListener('click', function(e) {
                    e.stopPropagation();
                    const target = e.target.closest('[data-sort]');
                    if (target) {
                        e.preventDefault();
                        const sortType = target.getAttribute('data-sort');
                        currentFilter.sort = sortType;
                        
                        // Update UI
                        const btnText = sortType === 'hot' ? t('filter.sortHot') : t('filter.sortTime');
                        newSortFilterBtn.innerHTML = `<span>${btnText}</span> <i class="fas fa-chevron-down ml-1 text-xs"></i>`;
                        
                        // Update active state in dropdown
                        const options = sortDropdown.querySelectorAll('[data-sort]');
                        options.forEach(opt => {
                            if (opt.getAttribute('data-sort') === sortType) {
                                opt.classList.add('font-bold');
                                opt.querySelector('i').classList.remove('text-gray-500');
                                opt.querySelector('i').classList.add('text-red-500');
                            } else {
                                opt.classList.remove('font-bold');
                                opt.querySelector('i').classList.add('text-gray-500');
                                opt.querySelector('i').classList.remove('text-red-500');
                            }
                        });
                        
                        sortDropdown.classList.add('hidden');
                        renderNewsList();
                    }
                });
            }
            
            // View toggle
            const gridViewBtn = document.getElementById('grid-view-btn');
            const listViewBtn = document.getElementById('list-view-btn');
            const gridView = document.getElementById('grid-view');
            const listView = document.getElementById('list-view');
            
            if (gridViewBtn && listViewBtn && gridView && listView) {
                // Remove any existing event listeners
                gridViewBtn.replaceWith(gridViewBtn.cloneNode(true));
                listViewBtn.replaceWith(listViewBtn.cloneNode(true));
                const newGridViewBtn = document.getElementById('grid-view-btn');
                const newListViewBtn = document.getElementById('list-view-btn');
                
                newGridViewBtn.addEventListener('click', function() {
                    gridView.classList.remove('hidden');
                    listView.classList.add('hidden');
                    newGridViewBtn.classList.add('active');
                    newListViewBtn.classList.remove('active');
                });
                
                newListViewBtn.addEventListener('click', function() {
                    listView.classList.remove('hidden');
                    gridView.classList.add('hidden');
                    newListViewBtn.classList.add('active');
                    newGridViewBtn.classList.remove('active');
                });
            }
            
            // Language selector
            const langSelectorBtn = document.getElementById('lang-selector-btn');
            const langDropdown = document.getElementById('lang-dropdown');
            const currentLangText = document.getElementById('current-lang-text');
            
            if (langSelectorBtn && langDropdown) {
                // Remove any existing event listeners
                langSelectorBtn.replaceWith(langSelectorBtn.cloneNode(true));
                const newLangSelectorBtn = document.getElementById('lang-selector-btn');
                const newLangDropdown = document.getElementById('lang-dropdown');
                const newCurrentLangText = document.getElementById('current-lang-text');
                
                newLangSelectorBtn.addEventListener('click', function(e) {
                    e.stopPropagation();
                    newLangDropdown.classList.toggle('hidden');
                });
                
                // Language options
                const langOptions = newLangDropdown.querySelectorAll('[data-lang]');
                langOptions.forEach(option => {
                    option.addEventListener('click', function(e) {
                        e.preventDefault();
                        e.stopPropagation();
                        const selectedLang = this.getAttribute('data-lang');
                        const langNames = { 'zh': '中文', 'ru': 'Русский' };
                        
                        currentFilter.lang = selectedLang;
                        currentFilter.source = 'all'; // Reset source filter when language changes
                        newCurrentLangText.textContent = langNames[selectedLang];
                        newLangDropdown.classList.add('hidden');
                        
                        // Save preference first (before redirect) - only when manually switching
                        localStorage.setItem('preferredLanguage', selectedLang);
                        
                        // If not in single mode, switch path to locale route and stop here
                        if (typeof window !== 'undefined' && !window.isSingleMode) {
                            const url = new URL(window.location.href);
                            const params = url.search || '';
                            const hash = url.hash || '';
                            const destPath = selectedLang === 'ru' ? '/ru' : '/';
                            window.location.href = destPath + params + hash;
                            return;
                        }
                        
                        switchUILanguage(selectedLang); // Switch UI language
                        initializeSourceDropdown(); // Update source dropdown for current language
                        
                        // Update language mismatch banner if function exists
                        if (typeof window.checkLanguageMismatch === 'function') {
                            window.checkLanguageMismatch();
                        }
                        
                        // Reset source filter button text
                        const sourceFilterBtn = document.getElementById('source-filter-btn');
                        if (sourceFilterBtn) {
                            sourceFilterBtn.innerHTML = `<span data-i18n="filter.source">${t('filter.source')}</span> <i class="fas fa-chevron-down ml-1 text-xs"></i>`;
                        }
                        
                        renderNewsList(); // Re-render to update timestamps and filter news
                    });
                });
            }

            // Language selector (mobile)
            const langSelectorBtnMobile = document.getElementById('lang-selector-btn-mobile');
            const langDropdownMobile = document.getElementById('lang-dropdown-mobile');
            const currentLangTextMobile = document.getElementById('current-lang-text-mobile');
            
            if (langSelectorBtnMobile && langDropdownMobile) {
                // Remove any existing event listeners
                langSelectorBtnMobile.replaceWith(langSelectorBtnMobile.cloneNode(true));
                const newLangSelectorBtnMobile = document.getElementById('lang-selector-btn-mobile');
                const newLangDropdownMobile = document.getElementById('lang-dropdown-mobile');
                const newCurrentLangTextMobile = document.getElementById('current-lang-text-mobile');
                
                newLangSelectorBtnMobile.addEventListener('click', function(e) {
                    e.stopPropagation();
                    newLangDropdownMobile.classList.toggle('hidden');
                });
                
                // Language options
                const langOptionsMobile = newLangDropdownMobile.querySelectorAll('[data-lang]');
                langOptionsMobile.forEach(option => {
                    option.addEventListener('click', function(e) {
                        e.preventDefault();
                        e.stopPropagation();
                        const selectedLang = this.getAttribute('data-lang');
                        const langNames = { 'zh': '中文', 'ru': 'Русский' };
                        
                        currentFilter.lang = selectedLang;
                        currentFilter.source = 'all';
                        newCurrentLangTextMobile.textContent = langNames[selectedLang];
                        newLangDropdownMobile.classList.add('hidden');
                        
                        // Save preference first (before redirect) - only when manually switching
                        localStorage.setItem('preferredLanguage', selectedLang);
                        
                        // If not in single mode, switch path to locale route and stop here
                        if (typeof window !== 'undefined' && !window.isSingleMode) {
                            const url = new URL(window.location.href);
                            const params = url.search || '';
                            const hash = url.hash || '';
                            const destPath = selectedLang === 'ru' ? '/ru' : '/';
                            window.location.href = destPath + params + hash;
                            return;
                        }
                        
                        switchUILanguage(selectedLang);
                        initializeSourceDropdown();
                        
                        // Update language mismatch banner if function exists
                        if (typeof window.checkLanguageMismatch === 'function') {
                            window.checkLanguageMismatch();
                        }
                        
                        const sourceFilterBtn = document.getElementById('source-filter-btn');
                        if (sourceFilterBtn) {
                            sourceFilterBtn.innerHTML = `<span data-i18n="filter.source">${t('filter.source')}</span> <i class="fas fa-chevron-down ml-1 text-xs"></i>`;
                        }
                        
                        renderNewsList();
                    });
                });
            }
        }
        
        // 新闻源列表已移动到外部文件 news-data.js

        // 获取代理图片URL的函数 (检查base64缓存版本)
        function getProxyImageUrl(originalUrl) {
            if (!originalUrl || originalUrl.includes('placeholder')) {
                return null;
            }
            
            // In single mode, only use cached base64 images
            if (typeof cachedBase64Images !== 'undefined' && cachedBase64Images.length > 0) {
                const cachedImage = cachedBase64Images.find(img => img.originalUrl === originalUrl);
                if (cachedImage) {
                    return cachedImage.dataUrl;
                } else {
                    // In single mode, skip images that aren't cached
                    return null;
                }
            }
            
            // In normal mode, return proxy URL
            return `/news5c/api/proxy-image?url=${encodeURIComponent(originalUrl)}`;
        }

        // 缓存图片到后端
        async function cacheImageToBackend(originalUrl, imageElement) {
            try {
                // Fetch the image as blob to avoid CORS issues
                const response = await fetch(originalUrl);
                if (!response.ok) throw new Error('Failed to fetch image');
                
                const blob = await response.blob();
                
                // Convert blob to base64
                const reader = new FileReader();
                reader.onload = async function() {
                    try {
                        const base64Data = reader.result.split(',')[1];
                        
                        // 发送到后端缓存
                        const cacheResponse = await fetch('/news5c/api/cache-image', {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json'
                            },
                            body: JSON.stringify({
                                url: originalUrl,
                                imageData: base64Data
                            })
                        });
                        
                        if (cacheResponse.ok) {
                        } else {
                            console.warn('Failed to cache image:', originalUrl);
                        }
                    } catch (error) {
                        console.warn('Failed to cache image data:', error);
                    }
                };
                reader.readAsDataURL(blob);
                
            } catch (error) {
                console.warn('Error caching image:', error);
                // Fallback: Just notify backend that image should be cached later
                try {
                    await fetch('/news5c/api/cache-image', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json'
                        },
                        body: JSON.stringify({
                            url: originalUrl,
                            imageData: null // Signal that backend should try to fetch itself
                        })
                    });
                } catch (fallbackError) {
                    console.warn('Fallback cache notification failed:', fallbackError);
                }
            }
        }

        // 智能图片错误处理器
        async function handleImageError(img) {
            const originalSrc = img.getAttribute('data-original-src');
            const proxyUrl = img.getAttribute('data-proxy-url');
            
            if (!originalSrc || img.getAttribute('data-direct-tried') === 'true') {
                // 没有原始URL或已经尝试过直接加载，隐藏图片
                img.style.display = 'none';
                return;
            }
            
            // 标记已尝试直接加载
            img.setAttribute('data-direct-tried', 'true');
            
            // 设置直接加载成功的处理器
            img.onload = function() {
                cacheImageToBackend(originalSrc, this);
                this.onload = null;
            };
            
            // 设置直接加载失败的处理器
            img.onerror = function() {
                this.style.display = 'none';
                this.onerror = null;
            };
            
            // 尝试直接加载
            img.src = originalSrc;
        }

        // 处理HTML内容中的图片，将其替换为代理URL
        function processContentImages(htmlContent) {
            if (!htmlContent) return htmlContent;
            
            // 使用字符串替换而不是DOM操作，避免浏览器提前加载图片
            const imgRegex = /<img([^>]*?)src=["']([^"']+)["']([^>]*?)>/gi;
            
            const processedHtml = htmlContent.replace(imgRegex, (fullMatch, beforeSrc, srcUrl, afterSrc) => {
                // 只处理HTTP/HTTPS图片
                if (!srcUrl.startsWith('http')) {
                    return fullMatch; // 保持本地图片不变
                }
                
                const proxyUrl = getProxyImageUrl(srcUrl);
                if (proxyUrl) {
                    // 有代理URL或base64，替换图片
                    return `<img${beforeSrc}src="${proxyUrl}" data-original-src="${srcUrl}" data-proxy-url="${proxyUrl}" class="smart-image" width="400" height="225"${afterSrc}>`;
                } else {
                    // 在single模式下移除非缓存图片
                    return ''; // 完全移除img标签
                }
            });
            
            return processedHtml;
        }

        // 全局图片错误处理事件委托
        document.addEventListener('error', function(e) {
            if (e.target.tagName === 'IMG' && e.target.classList.contains('smart-image')) {
                handleImageError(e.target);
            }
        }, true);

        // 渲染新闻项目函数
        function renderNewsItem(newsItem, viewType = 'grid') {
            // 决定使用本地视频还是显示图片和播放按钮
            let mediaContent = '';
            let localIndicator = '';
            
            // 检查是否有有效的图片
            const hasValidImage = newsItem.image && 
                                newsItem.image !== 'https://via.placeholder.com/300x200?text=News' && 
                                !newsItem.image.includes('placeholder');
            
            // 获取代理图片URL
            const proxyImageUrl = hasValidImage ? getProxyImageUrl(newsItem.image) : null;
            
            if (newsItem.isVideo) {
                // 对于视频新闻，优先使用本地缩略图
                const videoOverlay = `
                    <div class="absolute inset-0 flex items-center justify-center">
                        <div class="bg-black bg-opacity-60 rounded-full ${viewType === 'grid' ? 'w-12 h-12' : 'w-8 h-8'} flex items-center justify-center">
                            <i class="fas fa-play text-white ${viewType === 'grid' ? '' : 'text-xs'}"></i>
                        </div>
                    </div>
                    ${newsItem.duration ? `<span class="video-duration text-white text-xs">${newsItem.duration}</span>` : ''}
                `;
                
                // 优先使用本地缩略图
                if (newsItem.videoId) {
                    const imgId = `img-${Math.random().toString(36).substr(2, 9)}`;
                    const fallbackId = `fallback-${Math.random().toString(36).substr(2, 9)}`;
                    const thumbnailUrl = `/news5c/thumbnails/${newsItem.videoId}.jpg`;
                    
                    mediaContent = `
                        <div id="${fallbackId}" class="news-fallback-logo w-full h-full ${viewType === 'grid' ? '' : 'compact'}">
                            ${newsItem.source}
                        </div>
                        <img id="${imgId}" src="${thumbnailUrl}" alt="视频缩略图" class="w-full h-full object-cover" width="256" height="144" style="display: none;" 
                             onload="this.style.display='block'; var el=document.getElementById('${fallbackId}'); if(el) el.style.display='none';"
                             onerror="this.style.display='none'; var el=document.getElementById('${fallbackId}'); if(el) el.style.display='flex';">
                        ${videoOverlay}
                    `;
                } else if (proxyImageUrl) {
                    // 回退到代理图片
                    const imgId = `img-${Math.random().toString(36).substr(2, 9)}`;
                    const fallbackId = `fallback-${Math.random().toString(36).substr(2, 9)}`;
                    mediaContent = `
                        <div id="${fallbackId}" class="news-fallback-logo w-full h-full ${viewType === 'grid' ? '' : 'compact'}">
                            ${newsItem.source}
                        </div>
                        <img id="${imgId}" src="${proxyImageUrl}" alt="新闻图片" class="w-full h-full object-cover smart-image" width="256" height="144" style="display: none;" 
                             data-original-src="${newsItem.image}" data-proxy-url="${proxyImageUrl}"
                             onload="this.style.display='block'; var el=document.getElementById('${fallbackId}'); if(el) el.style.display='none';"
                             onerror="var el=document.getElementById('${fallbackId}'); if(el) el.style.display='flex';">
                        ${videoOverlay}
                    `;
                } else {
                    // 没有有效图片，显示fallback logo
                    mediaContent = `
                        <div class="news-fallback-logo w-full h-full ${viewType === 'grid' ? '' : 'compact'}">
                            ${newsItem.source}
                        </div>
                        ${videoOverlay}
                    `;
                }
            } else {
                // 不是视频，显示图片或fallback logo
                if (proxyImageUrl) {
                    const imgId = `img-${Math.random().toString(36).substr(2, 9)}`;
                    const fallbackId = `fallback-${Math.random().toString(36).substr(2, 9)}`;
                    mediaContent = `
                        <div id="${fallbackId}" class="news-fallback-logo w-full h-full ${viewType === 'grid' ? '' : 'compact'}">
                            ${newsItem.source}
                        </div>
                        <img id="${imgId}" src="${proxyImageUrl}" alt="新闻图片" class="w-full h-full object-cover smart-image" width="256" height="144" style="display: none;" 
                             data-original-src="${newsItem.image}" data-proxy-url="${proxyImageUrl}"
                             onload="this.style.display='block'; var el=document.getElementById('${fallbackId}'); if(el) el.style.display='none';"
                             onerror="var el=document.getElementById('${fallbackId}'); if(el) el.style.display='flex';">
                    `;
                } else {
                    mediaContent = `<div class="news-fallback-logo w-full h-full ${viewType === 'grid' ? '' : 'compact'}">${newsItem.source}</div>`;
                }
            }

            if (viewType === 'grid') {
                return `
                    <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer" data-news-id="${newsItem.id}">
                        <div class="relative h-36">
                            ${mediaContent}
                            ${localIndicator}
                        </div>
                        <div class="p-3">
                            <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary">${newsItem.title}</h3>
                            <div class="flex items-center text-gray-500 text-sm mb-1">
                                <span class="${newsItem.sourceClass} rounded px-2 py-0.5 text-xs font-medium mr-2">${newsItem.source}</span>
                                <time>${formatTimestamp(newsItem.time)}</time>
                            </div>
                        </div>
                    </article>
                `;
            } else {
                return `
                    <article class="news-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md cursor-pointer flex h-24" data-news-id="${newsItem.id}">
                        <div class="relative flex-shrink-0 w-28 h-full">
                            ${mediaContent}
                            ${localIndicator}
                        </div>
                        <div class="p-2 flex-1 flex flex-col justify-between min-h-0">
                            <h3 class="font-bold text-base mb-1 line-clamp-2 hover:text-primary leading-tight">${newsItem.title}</h3>
                            <div class="flex items-center text-gray-500 text-xs">
                                <span class="${newsItem.sourceClass} rounded px-1 py-0.5 text-xs font-medium mr-1">${newsItem.source}</span>
                                <time>${formatTimestamp(newsItem.time)}</time>
                            </div>
                        </div>
                    </article>
                `;
            }
        }

        // 过滤新闻数据
        function getFilteredNews() {
            // Safety check: ensure newsData is defined
            const data = window.newsData;
            if (typeof data === 'undefined' || !data) {
                return [];
            }
            
            // First, get all news items that match the filter criteria
            let filteredItems = data.filter(newsItem => {
                // 视频显示规则：
                // - 默认：仅展示本地视频（hasLocalVideo）
                // - 若可访问 YouTube：展示所有视频（允许远程 iframe）
                const typeMatch = currentFilter.type === 'all' || 
                                (currentFilter.type === 'video' && newsItem.isVideo);
                const sourceMatch = currentFilter.source === 'all' || 
                                  newsItem.source === currentFilter.source;
                const langMatch = currentFilter.lang === 'all' ||
                                newsItem.lang === currentFilter.lang;
                
                // 允许条件：
                // - 非视频
                // - 或有本地视频文件
                // - 或（非mirror模式 且 YouTube可达）
                const allowRemote = !window.isMirrorMode && window.youtubeReachable === true;
                const videoCondition = !newsItem.isVideo || newsItem.hasLocalVideo || allowRemote;
                
                return typeMatch && sourceMatch && langMatch && videoCondition;
            });
            
            // Sort the filtered items
            if (currentFilter.sort === 'time') {
                filteredItems.sort((a, b) => (b.time || 0) - (a.time || 0));
            } else {
                // Default to 'hot'
                filteredItems.sort((a, b) => {
                    const scoreA = a.hotScore || 0;
                    const scoreB = b.hotScore || 0;
                    if (scoreB !== scoreA) {
                        return scoreB - scoreA;
                    }
                    return (b.time || 0) - (a.time || 0);
                });
            }
            
            return filteredItems;
        }

        // Update video filter visibility based on available videos
        function updateVideoFilterVisibility() {
            // Safety check: ensure newsData is defined
            const data = window.newsData;
            if (typeof data === 'undefined' || !data) {
                return;
            }
            
            // Check if there are any videos in the current filtered set (by lang and source only)
            const hasVideos = data.some(item => {
                const langMatch = currentFilter.lang === 'all' || item.lang === currentFilter.lang;
                const sourceMatch = currentFilter.source === 'all' || item.source === currentFilter.source;
                const allowRemote = !window.isMirrorMode && window.youtubeReachable === true;
                const hasVideo = item.isVideo && (item.hasLocalVideo || allowRemote);
                return langMatch && sourceMatch && hasVideo;
            });
            
            const typeFilterButtons = document.getElementById('type-filter-buttons');
            if (typeFilterButtons) {
                typeFilterButtons.style.display = hasVideos ? '' : 'none';
                
                // If no videos and current filter is video, reset to 'all'
                if (!hasVideos && currentFilter.type === 'video') {
                    currentFilter.type = 'all';
                }
            }
        }

        // 渲染新闻列表 - Updated for SSR
        function renderNewsList() {
            // Content is now pre-rendered server-side, so we just need to:
            // 1. Show/hide items based on current filter
            // 2. Re-bind click events
            // 3. Re-order items based on sort
            
            const filteredNews = getFilteredNews();
            
            // Handle both view containers
            const gridView = document.getElementById('grid-view');
            const listView = document.getElementById('list-view');
            
            [gridView, listView].forEach(container => {
                if (!container) return;
                
                // First, hide all cards that are NOT in filteredNews
                const allCards = container.querySelectorAll('.news-card');
                allCards.forEach(card => {
                    const id = parseInt(card.getAttribute('data-news-id'));
                    if (!filteredNews.find(i => i.id === id)) {
                        card.style.display = 'none';
                    }
                });
                
                // Then, re-append valid cards in the correct order
                filteredNews.forEach(item => {
                    const card = container.querySelector(`.news-card[data-news-id="${item.id}"]`);
                    if (card) {
                        card.style.display = '';
                        container.appendChild(card); // Moves it to the end (reordering)
                    }
                });
            });
            
            // Update video filter visibility
            updateVideoFilterVisibility();
            
            // 重新绑定点击事件
            bindNewsClickEvents();
        }

        // 当前显示的新闻ID
        let currentNewsId = 1;
        
        // 停止所有视频播放的函数 - 移到全局作用域
        function stopAllVideos() {
            // 停止预览模态框中的视频
            const previewVideo = document.querySelector('#preview-video-container video');
            if (previewVideo) {
                previewVideo.pause();
                previewVideo.currentTime = 0;
            }
            
            // 停止首页新闻卡片中的所有视频
            const allVideos = document.querySelectorAll('.news-card video');
            allVideos.forEach(video => {
                video.pause();
                video.currentTime = 0;
            });
        }
        
        // 新闻内容DOM元素
        const newsPreviewModal = document.getElementById('news-preview-modal');
        const previewSource = document.getElementById('preview-source');
        const previewTime = document.getElementById('preview-time');
        const previewTitle = document.getElementById('preview-title');
        const previewContent = document.getElementById('preview-content');
        const readOriginal = document.getElementById('read-original');
        const readOriginalBottom = document.getElementById('read-original-bottom');
        const relatedNewsContainer = document.getElementById('related-news-container');
        const relatedNewsContainerMobile = document.getElementById('related-news-container-mobile');
        const closePreview = document.getElementById('close-preview');
        const closePreviewBottom = document.getElementById('close-preview-bottom');
        const prevNewsBtn = document.getElementById('prev-news');
        const nextNewsBtn = document.getElementById('next-news');
        const prevNewsBtnTop = document.getElementById('prev-news-top');
        const nextNewsBtnTop = document.getElementById('next-news-top');

        // 更新新闻内容
        function updateNewsContent(newsId) {
            currentNewsId = newsId;
            const data = window.newsData || [];
            const newsItem = data.find(item => item.id === newsId);
            
            if (newsItem) {
                // 添加新闻点击事件追踪 (包含URL)
                if (typeof sendEvent === 'function') {
                    sendEvent('custom', { click: 'news', other: [newsItem.link] });
                } else {
                    console.warn('>>> ANALYTICS: sendEvent function not found in this environment. Would have sent:', newsItem.link);
                }

                // 填充新闻内容
                previewSource.textContent = newsItem.source;
                previewSource.className = `${newsItem.sourceClass} rounded px-2 py-0.5 text-xs font-medium mr-2`;
                previewTime.textContent = formatTimestamp(newsItem.time);
                previewTitle.textContent = newsItem.title;
                
                // 处理内容 - 如果是视频新闻，移除内容中的嵌入视频
                let contentHtml = newsItem.content;
                if (newsItem.isVideo) {
                    const originalHtml = contentHtml;
                    // 移除各种YouTube嵌入格式
                    contentHtml = contentHtml.replace(/<iframe[^>]*(?:youtube|youtu\.be)[^>]*>.*?<\/iframe>/gi, '');
                    contentHtml = contentHtml.replace(/<iframe[^>]*src=[^>]*(?:youtube|youtu\.be)[^>]*>.*?<\/iframe>/gi, '');
                    
                    // 移除video标签
                    contentHtml = contentHtml.replace(/<video[^>]*>.*?<\/video>/gi, '');
                    
                    // 移除embed标签
                    contentHtml = contentHtml.replace(/<embed[^>]*(?:youtube|youtu\.be)[^>]*\/?>/gi, '');
                    
                    // 移除object标签中的YouTube内容
                    contentHtml = contentHtml.replace(/<object[^>]*>.*?(?:youtube|youtu\.be).*?<\/object>/gi, '');
                    
                    // 移除包含YouTube链接的段落
                    contentHtml = contentHtml.replace(/<p[^>]*>.*?(?:youtube|youtu\.be).*?<\/p>/gi, '');
                    
                    // 清理多余的空白和空行
                    contentHtml = contentHtml.replace(/^\s*$/gm, '');
                    contentHtml = contentHtml.replace(/\n\s*\n\s*\n/g, '\n\n');
                    contentHtml = contentHtml.trim();
                    
                    if (originalHtml.length !== contentHtml.length) {
                    }
                }
                
                // 处理内容中的图片，替换为代理URL
                contentHtml = processContentImages(contentHtml);
                
                previewContent.innerHTML = contentHtml;
                
                // 应用URL重写规则到原文链接
                const rewrittenLink = rewriteUrl(newsItem.link);
                readOriginal.href = rewrittenLink;
                readOriginalBottom.href = rewrittenLink;
                
                // 处理视频显示
                const videoContainer = document.getElementById('preview-video-container');
                const videoWrapper = document.getElementById('preview-video-wrapper');
                
                if (newsItem.isVideo && videoContainer && videoWrapper) {
                    // 显示视频容器
                    videoContainer.classList.remove('hidden');
                    
                    // 清空现有视频内容
                    videoWrapper.innerHTML = '';
                    
                    if (newsItem.hasLocalVideo) {
                        // 使用本地视频
                        const video = document.createElement('video');
                        video.className = 'w-full h-full object-cover';
                        video.width = 256;
                        video.height = 144;
                        video.controls = true;
                        video.preload = 'metadata';
                        
                        // 添加播放事件追踪
                        video.addEventListener('play', function() {
                            if (typeof sendEvent === 'function') {
                                sendEvent('custom', { click: 'play', other: [newsItem.videoId] });
                            }
                        });
                        
                        // 检查是否有有效的图片作为poster
                        const hasValidImage = newsItem.image && 
                                            newsItem.image !== 'https://via.placeholder.com/300x200?text=News' && 
                                            !newsItem.image.includes('placeholder');
                        if (hasValidImage) {
                            video.poster = getProxyImageUrl(newsItem.image);
                        }
                        
                        // 添加多种格式支持
                        const mp4Source = document.createElement('source');
                        mp4Source.src = `/news5c/downloads/${newsItem.videoId}.mp4`;
                        mp4Source.type = 'video/mp4';
                        video.appendChild(mp4Source);
                        
                        const webmSource = document.createElement('source');
                        webmSource.src = `/news5c/downloads/${newsItem.videoId}.webm`;
                        webmSource.type = 'video/webm';
                        video.appendChild(webmSource);
                        
                        // Fallback text
                        video.innerHTML += '您的浏览器不支持视频播放。';
                        
                        videoWrapper.appendChild(video);
                    } else if (newsItem.videoId) {
                        // 使用YouTube嵌入
                        const iframe = document.createElement('iframe');
                        iframe.className = 'w-full h-full';
                        iframe.src = `https://www.youtube.com/embed/${newsItem.videoId}`;
                        iframe.frameBorder = '0';
                        iframe.allow = 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture';
                        iframe.allowFullscreen = true;
                        
                        videoWrapper.appendChild(iframe);
                        
                        // 添加YouTube视频加载事件追踪
                        if (typeof sendEvent === 'function') {
                            sendEvent('custom', { click: 'play', other: [newsItem.videoId] });
                        }
                    }
                } else {
                    // 隐藏视频容器（非视频新闻）
                    if (videoContainer) {
                        videoContainer.classList.add('hidden');
                    }
                }
                
                // 设置维基标签 - 使用实际的Wikipedia数据
                const wikiTagsContainer = document.querySelector('#news-preview-modal .flex.flex-wrap.gap-2.mb-5');
                if (wikiTagsContainer) {
                    // 清空现有标签
                    wikiTagsContainer.innerHTML = '';
                    
                    // 如果有相关Wikipedia文章，显示它们
                    if (newsItem.relatedWikipedia && newsItem.relatedWikipedia.length > 0) {
                        newsItem.relatedWikipedia.forEach((wikiItem, index) => {
                            if (index < 3) { // 最多显示3个
                                const tagLink = document.createElement('a');
                                
                                // In mirror mode, use the /wikipedia/wiki/ URL as-is.
                                // In normal mode, convert /wikipedia/wiki/ URLs to real Wikipedia URLs.
                                if (window.isMirrorMode) {
                                    tagLink.href = wikiItem.url;
                                } else if (wikiItem.url && wikiItem.url.startsWith('/wikipedia/wiki/')) {
                                    const encodedTitle = wikiItem.url.replace('/wikipedia/wiki/', '');
                                    const wikiLang = currentUILang === 'ru' ? 'ru' : 'zh';
                                    tagLink.href = `https://${wikiLang}.wikipedia.org/wiki/${encodedTitle}`;
                                } else {
                                    tagLink.href = wikiItem.url;
                                }
                                
                                tagLink.target = '_blank';
                                tagLink.className = 'wiki-tag text-sm bg-blue-50 text-blue-700 hover:bg-blue-100 rounded-full px-3 py-1';
                                tagLink.innerHTML = `
                                    <i class="fab fa-wikipedia-w"></i>
                                    <span>${wikiItem.title}</span>
                                `;
                                wikiTagsContainer.appendChild(tagLink);
                            }
                        });
                    }
                }
                // 更新相关新闻
                updateRelatedNews(newsItem.relatedNews);
                
                // 更新导航按钮状态
                updateNavButtons();
            }
        }
        
        // 添加自由浏览广告到相关新闻
        function addFreeBrowseAdToRelatedNews() {
            // Determine which type of ad to show
            const showFreeBrowser = window.showDownloadLinks;
            const showVPN = window.showVPNLinks;
            
            if (!showFreeBrowser && !showVPN) {
                return { desktop: null, mobile: null };
            }
            
            if (showFreeBrowser) {
                // FreeBrowser ads
                // 创建自由浏览广告 - 桌面版
                const adElementDesktop = document.createElement('a');
                adElementDesktop.href = '/fb/';
                adElementDesktop.target = '_blank';
                adElementDesktop.className = 'block group cursor-pointer bg-gradient-to-br from-indigo-50 via-blue-50 to-purple-50 border border-indigo-200 rounded-lg p-3 mb-4 hover:shadow-md transition-all duration-200';
                
                adElementDesktop.innerHTML = `
                    <div class="w-full h-24 bg-gradient-to-br from-indigo-100 via-blue-100 to-purple-100 rounded overflow-hidden mb-2 flex items-center justify-center relative">
                        <div class="text-center">
                            <div class="text-2xl mb-1">🚀</div>
                            <div class="text-xs font-bold text-indigo-700">FreeBrowser</div>
                        </div>
                        <div class="absolute top-2 right-2 text-xs bg-orange-400 text-white px-1.5 py-0.5 rounded-full font-bold">NEW</div>
                    </div>
                    <h4 class="text-sm font-bold text-gray-800 group-hover:text-indigo-700 line-clamp-2 mb-2">${t('ad.title')}</h4>
                    <p class="text-xs text-gray-600 font-medium">${t('ad.description')}</p>
                    <div class="mt-2 text-xs bg-indigo-100 text-indigo-700 px-2 py-1 rounded-full inline-block font-medium">${t('ad.cta')}</div>
                `;
                
                
                // 创建自由浏览广告 - 移动版
                const adElementMobile = document.createElement('a');
                adElementMobile.href = '/fb/';
                adElementMobile.target = '_blank';
                adElementMobile.className = 'flex items-center gap-3 group cursor-pointer bg-gradient-to-r from-indigo-50 via-blue-50 to-purple-50 border border-indigo-200 rounded-lg p-3 mb-3 hover:shadow-md transition-all duration-200';
                
                adElementMobile.innerHTML = `
                    <div class="flex-shrink-0 w-20 h-16 bg-gradient-to-br from-indigo-100 via-blue-100 to-purple-100 rounded overflow-hidden flex items-center justify-center relative">
                        <div class="text-center">
                            <div class="text-lg mb-1">🚀</div>
                            <div class="text-xs font-bold text-indigo-700">FreeBrowser</div>
                        </div>
                        <div class="absolute top-1 right-1 text-xs bg-orange-400 text-white px-1 py-0.5 rounded-full font-bold leading-none">NEW</div>
                    </div>
                    <div class="flex-1">
                        <h4 class="text-sm font-bold text-gray-800 group-hover:text-indigo-700 line-clamp-2 mb-1">${t('ad.title')}</h4>
                        <p class="text-xs text-gray-600 mb-1">${t('ad.subtitle')}</p>
                        <div class="text-xs bg-indigo-100 text-indigo-700 px-2 py-1 rounded-full inline-block font-medium">${t('ad.cta')}</div>
                    </div>
                `;
                
                return { desktop: adElementDesktop, mobile: adElementMobile };
            } else {
                // GreatFireVPN ads
                // 创建GreatFireVPN广告 - 桌面版
                const adElementDesktop = document.createElement('a');
                adElementDesktop.href = 'https://greatfirevpn.com/?utm_source=freenews&utm_medium=referral&utm_campaign=vpn-promotion&utm_content=related-ad-desktop';
                adElementDesktop.target = '_blank';
                adElementDesktop.className = 'block group cursor-pointer bg-gradient-to-br from-orange-50 via-red-50 to-pink-50 border border-orange-200 rounded-lg p-3 mb-4 hover:shadow-md transition-all duration-200';
                
                adElementDesktop.innerHTML = `
                    <div class="w-full h-24 bg-gradient-to-br from-orange-100 via-red-100 to-pink-100 rounded overflow-hidden mb-2 flex items-center justify-center relative">
                        <div class="text-center">
                            <div class="text-2xl mb-1">🔥</div>
                            <div class="text-xs font-bold text-orange-700">GreatFireVPN</div>
                        </div>
                        <div class="absolute top-2 right-2 text-xs bg-green-500 text-white px-1.5 py-0.5 rounded-full font-bold">FREE</div>
                    </div>
                    <h4 class="text-sm font-bold text-gray-800 group-hover:text-orange-700 line-clamp-2 mb-2">${t('vpn.title')}</h4>
                    <p class="text-xs text-gray-600 font-medium">${t('vpn.description')}</p>
                    <div class="mt-2 text-xs bg-orange-100 text-orange-700 px-2 py-1 rounded-full inline-block font-medium">${t('vpn.cta')}</div>
                `;
                
                
                // 创建GreatFireVPN广告 - 移动版
                const adElementMobile = document.createElement('a');
                adElementMobile.href = 'https://greatfirevpn.com/?utm_source=freenews&utm_medium=referral&utm_campaign=vpn-promotion&utm_content=related-ad-mobile';
                adElementMobile.target = '_blank';
                adElementMobile.className = 'flex items-center gap-3 group cursor-pointer bg-gradient-to-r from-orange-50 via-red-50 to-pink-50 border border-orange-200 rounded-lg p-3 mb-3 hover:shadow-md transition-all duration-200';
                
                adElementMobile.innerHTML = `
                    <div class="flex-shrink-0 w-20 h-16 bg-gradient-to-br from-orange-100 via-red-100 to-pink-100 rounded overflow-hidden flex items-center justify-center relative">
                        <div class="text-center">
                            <div class="text-lg mb-1">🔥</div>
                            <div class="text-xs font-bold text-orange-700">GreatFireVPN</div>
                        </div>
                        <div class="absolute top-1 right-1 text-xs bg-green-500 text-white px-1 py-0.5 rounded-full font-bold leading-none">FREE</div>
                    </div>
                    <div class="flex-1">
                        <h4 class="text-sm font-bold text-gray-800 group-hover:text-orange-700 line-clamp-2 mb-1">${t('vpn.title')}</h4>
                        <p class="text-xs text-gray-600 mb-1">${t('vpn.subtitle')}</p>
                        <div class="text-xs bg-orange-100 text-orange-700 px-2 py-1 rounded-full inline-block font-medium">${t('vpn.cta')}</div>
                    </div>
                `;
                
                return { desktop: adElementDesktop, mobile: adElementMobile };
            }
        }
        
        // 更新相关新闻
        function updateRelatedNews(relatedNewsIds) {
            // 清空容器
            relatedNewsContainer.innerHTML = '';
            relatedNewsContainerMobile.innerHTML = '';
            
            // 预创建广告元素（稍后插入到第二个位置）
            const ads = addFreeBrowseAdToRelatedNews();
            
            // 如果没有相关新闻ID，直接返回（但广告已经添加了）
            if (!relatedNewsIds || relatedNewsIds.length === 0) {
                // 无相关新闻时，仍显示广告
                if (ads && ads.desktop) relatedNewsContainer.appendChild(ads.desktop);
                if (ads && ads.mobile) relatedNewsContainerMobile.appendChild(ads.mobile);
                return;
            }
            
            // 根据ID查找对应的新闻项目
            let relatedNewsItems = relatedNewsIds.map(id => 
                newsData.find(item => item.id === id)
            ).filter(item => item !== undefined); // 过滤掉找不到的项目
            
            // 服务器端已经处理了single模式的视频过滤，不需要客户端过滤
            
            // 添加相关新闻 - 桌面版
            relatedNewsItems.forEach((newsItem, index) => {
                const newsElement = document.createElement('a');
                newsElement.href = '#';
                newsElement.className = 'block group cursor-pointer';
                newsElement.setAttribute('data-related-news-id', newsItem.id);
                
                // 检查是否有有效的图片
                const hasValidImage = newsItem.image && 
                                    newsItem.image !== 'https://via.placeholder.com/300x200?text=News' && 
                                    !newsItem.image.includes('placeholder');
                
                const relatedProxyImageUrl = hasValidImage ? getProxyImageUrl(newsItem.image) : null;
                let imageContent = '';
                if (relatedProxyImageUrl) {
                    const imgId = `related-img-${Math.random().toString(36).substr(2, 9)}`;
                    const fallbackId = `related-fallback-${Math.random().toString(36).substr(2, 9)}`;
                    imageContent = `
                        <div id="${fallbackId}" class="news-fallback-logo w-full h-full compact">
                            ${newsItem.source}
                        </div>
                        <img id="${imgId}" src="${relatedProxyImageUrl}" alt="相关新闻" class="w-full h-full object-cover" width="256" height="144" style="display: none;" 
                             onload="this.style.display='block'; var el=document.getElementById('${fallbackId}'); if(el) el.style.display='none';"
                             onerror="var el=document.getElementById('${fallbackId}'); if(el) el.style.display='flex';">
                    `;
                } else {
                    imageContent = `<div class="news-fallback-logo w-full h-full compact">${newsItem.source}</div>`;
                }
                
                newsElement.innerHTML = `
                    <div class="w-full h-24 bg-gray-100 rounded overflow-hidden mb-2 related-news-image-container">
                        ${imageContent}
                    </div>
                    <h4 class="text-sm font-medium text-gray-800 group-hover:text-primary line-clamp-2">${newsItem.title}</h4>
                    <p class="text-xs text-gray-500 mt-1">${newsItem.source} · ${formatTimestamp(newsItem.time)}</p>
                `;
                // Append item
                relatedNewsContainer.appendChild(newsElement);
                // After the first item, insert ad as second
                if (index === 0 && ads && ads.desktop) {
                    // If there is at least one more child, insert before it; else append
                    const secondChild = relatedNewsContainer.children[1];
                    if (secondChild) {
                        relatedNewsContainer.insertBefore(ads.desktop, secondChild);
                    } else {
                        relatedNewsContainer.appendChild(ads.desktop);
                    }
                }
            });
            
            // 添加相关新闻 - 移动版
            relatedNewsItems.forEach((newsItem, index) => {
                const newsElement = document.createElement('a');
                newsElement.href = '#';
                newsElement.className = 'flex items-center gap-3 group cursor-pointer';
                newsElement.setAttribute('data-related-news-id', newsItem.id);
                
                // 检查是否有有效的图片
                const hasValidImage = newsItem.image && 
                                    newsItem.image !== 'https://via.placeholder.com/300x200?text=News' && 
                                    !newsItem.image.includes('placeholder');
                
                const relatedMobileProxyImageUrl = hasValidImage ? getProxyImageUrl(newsItem.image) : null;
                let imageContent = '';
                if (relatedMobileProxyImageUrl) {
                    const imgId = `related-mobile-img-${Math.random().toString(36).substr(2, 9)}`;
                    const fallbackId = `related-mobile-fallback-${Math.random().toString(36).substr(2, 9)}`;
                    imageContent = `
                        <div id="${fallbackId}" class="news-fallback-logo w-full h-full compact">
                            ${newsItem.source}
                        </div>
                        <img id="${imgId}" src="${relatedMobileProxyImageUrl}" alt="相关新闻" class="w-full h-full object-cover" width="256" height="144" style="display: none;" 
                             onload="this.style.display='block'; var el=document.getElementById('${fallbackId}'); if(el) el.style.display='none';"
                             onerror="var el=document.getElementById('${fallbackId}'); if(el) el.style.display='flex';">
                    `;
                } else {
                    imageContent = `<div class="news-fallback-logo w-full h-full compact">${newsItem.source}</div>`;
                }
                
                newsElement.innerHTML = `
                    <div class="flex-shrink-0 w-20 h-16 bg-gray-100 rounded overflow-hidden related-news-image-container">
                        ${imageContent}
                    </div>
                    <div class="flex-1">
                        <h4 class="text-sm font-medium text-gray-800 group-hover:text-primary line-clamp-2">${newsItem.title}</h4>
                        <p class="text-xs text-gray-500 mt-1">${newsItem.source} · ${formatTimestamp(newsItem.time)}</p>
                    </div>
                `;
                relatedNewsContainerMobile.appendChild(newsElement);
                if (index === 0 && ads && ads.mobile) {
                    const secondChild = relatedNewsContainerMobile.children[1];
                    if (secondChild) {
                        relatedNewsContainerMobile.insertBefore(ads.mobile, secondChild);
                    } else {
                        relatedNewsContainerMobile.appendChild(ads.mobile);
                    }
                }
            });
            
            // 绑定点击事件到相关新闻
            bindRelatedNewsClickEvents();
        }
        
        // 绑定相关新闻点击事件 (使用事件委托防止重复绑定)
        function bindRelatedNewsClickEvents() {
            if (window.relatedNewsEventsBound) {
                return;
            }

            const containers = [
                document.getElementById('related-news-container'),
                document.getElementById('related-news-container-mobile')
            ];

            containers.forEach(container => {
                if (!container) {
                    return;
                }
                container.addEventListener('click', function(e) {
                    const link = e.target.closest('[data-related-news-id]');
                    if (link) {
                        e.preventDefault();
                        // 停止当前视频播放
                        stopAllVideos();
                        const newsId = parseInt(link.getAttribute('data-related-news-id'));
                        
                        updateNewsContent(newsId);
                        
                        // 滚动到顶部
                        setTimeout(() => {
                            const contentContainer = document.querySelector('.news-preview-content .custom-scrollbar');
                            if (contentContainer) {
                                contentContainer.scrollTop = 0;
                            }
                        }, 100);
                    } else {
                    }
                });
            });

            window.relatedNewsEventsBound = true;
        }
        
        // 更新导航按钮状态
        function updateNavButtons() {
            const prevButtons = [prevNewsBtn, prevNewsBtnTop];
            const nextButtons = [nextNewsBtn, nextNewsBtnTop];
            
            // 获取过滤后的新闻列表
            const filteredNews = getFilteredNews();
            
            // 如果过滤列表为空，禁用所有按钮
            if (filteredNews.length === 0) {
                prevButtons.forEach(btn => {
                    if (btn) {
                        btn.classList.add('opacity-50', 'cursor-not-allowed');
                        btn.disabled = true;
                    }
                });
                nextButtons.forEach(btn => {
                    if (btn) {
                        btn.classList.add('opacity-50', 'cursor-not-allowed');
                        btn.disabled = true;
                    }
                });
                return;
            }
            
            // 找到当前新闻在过滤列表中的位置
            const currentIndex = filteredNews.findIndex(item => item.id === currentNewsId);
            
            // 如果当前新闻不在过滤列表中，禁用所有按钮
            if (currentIndex === -1) {
                prevButtons.forEach(btn => {
                    if (btn) {
                        btn.classList.add('opacity-50', 'cursor-not-allowed');
                        btn.disabled = true;
                    }
                });
                nextButtons.forEach(btn => {
                    if (btn) {
                        btn.classList.add('opacity-50', 'cursor-not-allowed');
                        btn.disabled = true;
                    }
                });
                return;
            }
            
            // 更新上一篇按钮状态
            // 如果是第一项（index 0），禁用上一篇按钮
            if (currentIndex === 0) {
                prevButtons.forEach(btn => {
                    if (btn) {
                        btn.classList.add('opacity-50', 'cursor-not-allowed');
                        btn.disabled = true;
                    }
                });
            } else {
                prevButtons.forEach(btn => {
                    if (btn) {
                        btn.classList.remove('opacity-50', 'cursor-not-allowed');
                        btn.disabled = false;
                    }
                });
            }
            
            // 更新下一篇按钮状态
            // 如果是最后一项，禁用下一篇按钮
            const lastIndex = filteredNews.length - 1;
            const lastItem = filteredNews[lastIndex];
            const isLastItemByIndex = currentIndex === lastIndex;
            const isLastItemById = currentNewsId === lastItem?.id;
            const isLastItem = isLastItemByIndex || isLastItemById;
            
            if (isLastItem) {
                nextButtons.forEach(btn => {
                    if (btn) {
                        btn.classList.add('opacity-50', 'cursor-not-allowed');
                        btn.disabled = true;
                    }
                });
            } else {
                nextButtons.forEach(btn => {
                    if (btn) {
                        btn.classList.remove('opacity-50', 'cursor-not-allowed');
                        btn.disabled = false;
                    }
                });
            }
        }

        // 绑定新闻点击事件 (使用事件委托防止重复绑定)
        function bindNewsClickEvents() {
            if (window.newsClickEventsBound) {
                return;
            }

            const containers = [
                document.getElementById('grid-view'),
                document.getElementById('list-view')
            ];

            containers.forEach(container => {
                if (!container) {
                    return;
                }
                container.addEventListener('click', function(e) {
                    const card = e.target.closest('.news-card');
                    if (card) {
                        // 停止首页所有视频播放
                        stopAllVideos();
                        const newsId = parseInt(card.getAttribute('data-news-id'));
                        
                        updateNewsContent(newsId);
                        
                        // 打开模态框
                        newsPreviewModal.classList.add('active');
                        document.body.style.overflow = 'hidden';
                        
                        // 滚动到顶部
                        setTimeout(() => {
                            const contentContainer = document.querySelector('.news-preview-content .custom-scrollbar');
                            if (contentContainer) {
                                contentContainer.scrollTop = 0;
                            }
                        }, 100);
                    } else {
                    }
                });
            });

            window.newsClickEventsBound = true;
        }

        // 初始化模态框事件
        function initializeModalEvents() {
            if (window.modalEventsBound) {
                return;
            }
            
            // 使用事件委托处理头条新闻点击（因为是动态生成的）
            const headlineContainer = document.getElementById('headline-news-container');
            if (headlineContainer) {
                headlineContainer.addEventListener('click', function(e) {
                    const headline = e.target.closest('.headline-news');
                    if (headline) {
                        // 停止首页所有视频播放
                        stopAllVideos();
                        const newsId = parseInt(headline.getAttribute('data-news-id'));
                        
                        updateNewsContent(newsId);
                        
                        // 打开模态框
                        newsPreviewModal.classList.add('active');
                        document.body.style.overflow = 'hidden';
                        
                        // 滚动到顶部
                        setTimeout(() => {
                            const contentContainer = document.querySelector('.news-preview-content .custom-scrollbar');
                            if (contentContainer) {
                                contentContainer.scrollTop = 0;
                            }
                        }, 100);
                    } else {
                    }
                });
            } else {
            }
            
            // 通用导航函数
            function navigateToPrevious() {
                // 获取过滤后的新闻列表
                const filteredNews = getFilteredNews();
                
                // 如果列表为空，不执行导航
                if (filteredNews.length === 0) {
                    return;
                }
                
                // 找到当前新闻在过滤列表中的位置
                const currentIndex = filteredNews.findIndex(item => item.id === currentNewsId);
                
                // 如果当前新闻不在列表中，不执行导航
                if (currentIndex === -1) {
                    return;
                }
                
                // 如果已经是第一项，不执行导航（防止循环）
                if (currentIndex <= 0) {
                    return;
                }
                
                // 导航到前一项
                stopAllVideos();
                const previousItem = filteredNews[currentIndex - 1];
                updateNewsContent(previousItem.id);
                // 滚动到顶部
                const contentContainer = document.querySelector('.news-preview-content .custom-scrollbar');
                if (contentContainer) {
                    contentContainer.scrollTop = 0;
                }
            }
            
            function navigateToNext() {
                // 获取过滤后的新闻列表
                const filteredNews = getFilteredNews();
                
                // 如果列表为空，不执行导航
                if (filteredNews.length === 0) {
                    return;
                }
                
                // 找到当前新闻在过滤列表中的位置
                const currentIndex = filteredNews.findIndex(item => item.id === currentNewsId);
                
                // 如果当前新闻不在列表中，不执行导航
                if (currentIndex === -1) {
                    return;
                }
                
                // 如果已经是最后一项，不执行导航（防止循环）
                const lastIndex = filteredNews.length - 1;
                const lastItem = filteredNews[lastIndex];
                const isLastItemByIndex = currentIndex >= lastIndex;
                const isLastItemById = currentNewsId === lastItem?.id;
                const isLastItem = isLastItemByIndex || isLastItemById;
                
                if (isLastItem) {
                    return;
                }
                
                // 导航到下一项
                const nextIndex = currentIndex + 1;
                const nextItem = filteredNews[nextIndex];
                
                if (!nextItem) {
                    return;
                }
                
                stopAllVideos();
                updateNewsContent(nextItem.id);
                // 滚动到顶部
                const contentContainer = document.querySelector('.news-preview-content .custom-scrollbar');
                if (contentContainer) {
                    contentContainer.scrollTop = 0;
                }
            }
            
            function closeModal() {
                // 停止所有正在播放的视频
                stopAllVideos();
                
                newsPreviewModal.classList.remove('active');
                document.body.style.overflow = '';
            }
            
            // 上一篇新闻按钮 (底部)
            if (prevNewsBtn) {
                prevNewsBtn.addEventListener('click', function(e) {
                    if (this.disabled) {
                        e.preventDefault();
                        return;
                    }
                    navigateToPrevious();
                });
            }
            
            // 下一篇新闻按钮 (底部)
            if (nextNewsBtn) {
                nextNewsBtn.addEventListener('click', function(e) {
                    if (this.disabled) {
                        e.preventDefault();
                        e.stopPropagation();
                        return;
                    }
                    navigateToNext();
                });
            }
            
            // 上一篇新闻按钮 (顶部)
            if (prevNewsBtnTop) {
                prevNewsBtnTop.addEventListener('click', function(e) {
                    if (this.disabled) {
                        e.preventDefault();
                        return;
                    }
                    navigateToPrevious();
                });
            }
            
            // 下一篇新闻按钮 (顶部)
            if (nextNewsBtnTop) {
                nextNewsBtnTop.addEventListener('click', function(e) {
                    if (this.disabled) {
                        e.preventDefault();
                        e.stopPropagation();
                        return;
                    }
                    navigateToNext();
                });
            }
            
            // 关闭预览按钮 (顶部)
            if (closePreview) {
                closePreview.addEventListener('click', closeModal);
            }
            
            // 关闭预览按钮 (底部)
            if (closePreviewBottom) {
                closePreviewBottom.addEventListener('click', closeModal);
            }
            
            // 键盘导航
            document.addEventListener('keydown', function(e) {
                if (newsPreviewModal.classList.contains('active')) {
                    if (e.key === 'Escape') {
                        closeModal();
                    } else if (e.key === 'ArrowLeft') {
                        navigateToPrevious();
                    } else if (e.key === 'ArrowRight') {
                        navigateToNext();
                    }
                }
            });

            window.modalEventsBound = true;
        }

        // Initialize source dropdown function - moved to global scope
        function initializeSourceDropdown() {
            const sourceDropdown = document.getElementById('source-dropdown');
            if (!sourceDropdown || !newsData || newsData.length === 0) {
                console.error('Cannot initialize source dropdown:', {
                    sourceDropdown: !!sourceDropdown,
                    newsData: !!newsData,
                    newsDataLength: newsData ? newsData.length : 0
                });
                return;
            }
            
            // Filter newsData by current language first, then get sources
            const filteredByLanguage = newsData.filter(item => {
                return currentFilter.lang === 'all' || item.lang === currentFilter.lang;
            });
            
            // 从过滤后的newsData动态生成新闻源列表
            const allSources = [t('filter.allSources'), ...Array.from(new Set(filteredByLanguage.map(item => item.source))).sort()];
            
            // 清空现有选项（保留"全部来源"）
            sourceDropdown.innerHTML = '';
            
            // 添加新闻源选项
            allSources.forEach(source => {
                const option = document.createElement('a');
                option.href = '#';
                option.className = 'block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100';
                option.setAttribute('data-source', source === t('filter.allSources') ? 'all' : source);
                option.textContent = source;
                sourceDropdown.appendChild(option);
            });
            
            // 绑定点击事件
            sourceDropdown.addEventListener('click', function(e) {
                e.preventDefault();
                if (e.target.hasAttribute('data-source')) {
                    const selectedSource = e.target.getAttribute('data-source');
                    currentFilter.source = selectedSource;
                    renderNewsList();
                    sourceDropdown.classList.add('hidden');
                    
                    // 更新按钮文本
                    const sourceFilterBtn = document.getElementById('source-filter-btn');
                    const displayText = selectedSource === 'all' ? t('filter.source') : selectedSource;
                    sourceFilterBtn.innerHTML = `<span data-i18n="filter.source">${displayText}</span> <i class="fas fa-chevron-down ml-1 text-xs"></i>`;
                }
            });
            
            // Update video filter visibility after initializing sources
            updateVideoFilterVisibility();
        }

        // Load full news data via API for client-side enhancements
        async function loadFullNewsData() {
            // In single mode, data is already embedded - skip API call
            if (window.isSingleMode) {
                if (window.newsData && window.newsData.length > 0) {
                    return window.newsData;
                } else {
                    console.warn('⚠️ Single mode but no embedded data found');
                    return [];
                }
            }
            
            // Normal mode: load via API
            try {
                // Use timestamp for cache busting to ensure API matches server-rendered content
                const versionParam = window.newsDataTimestamp ? `?v=${window.newsDataTimestamp}` : '';
                const response = await fetch(`/news5c/api/news-full${versionParam}`);
                if (!response.ok) {
                    throw new Error(`HTTP error! status: ${response.status}`);
                }
                const fullData = await response.json();
                window.newsData = fullData;
                return fullData;
            } catch (error) {
                console.error('❌ Failed to load full news data:', error);
                // Fallback: extract data from pre-rendered HTML
                const newsCards = document.querySelectorAll('.news-card');
                const extractedData = Array.from(newsCards).map(card => ({
                    id: parseInt(card.dataset.newsId),
                    title: card.querySelector('h3').textContent,
                    source: card.querySelector('.text-xs').textContent.split('·')[0].trim(),
                    // Add other fields as needed
                }));
                window.newsData = extractedData;
                return extractedData;
            }
        }

        // Define the initialization function for when news data loads
        window.initializeAfterNewsDataLoad = async function() {
            // Load full data via API
            const loadedData = await loadFullNewsData();
            
            if (loadedData && loadedData.length > 0) {
                initializeSourceDropdown();
                
                // Re-render list after data is loaded to apply filters
                renderNewsList();
                
                updateWikipediaLinks(); // 更新维基百科链接
                
                // 初始化时在相关新闻区域显示自由浏览广告
                addFreeBrowseAdToRelatedNews();
            } else {
                console.warn('Script loaded but newsData still not available');
            }
        };

        // Mirror parameter handling now done server-side via template conditionals
        
        // Function to hide existing download ads
        function hideExistingDownloadAds() {
            // Hide headline news ads that link to /fb/ or greatfirevpn.com
            const headlineAds = document.querySelectorAll('article[onclick*="/fb/"], article[onclick*="greatfirevpn.com"]');
            headlineAds.forEach(ad => {
                ad.style.display = 'none';
            });
            
            // Hide related news ads (both desktop and mobile)
            const relatedAds = document.querySelectorAll('a[href="/fb/"], a[href="https://greatfirevpn.com/"]');
            relatedAds.forEach(ad => {
                // Don't hide the header button (we handle that separately)
                if (ad.id !== 'header-download-btn') {
                    ad.style.display = 'none';
                }
            });
        }

        document.addEventListener('DOMContentLoaded', function() {
            // currentUILang is already set by getDefaultLanguage()
            currentFilter.lang = currentUILang; // Sync filter with UI language
            
            // Test YouTube reachability (affects video availability in all modes)
            if (typeof window.testYouTubeReachability === 'function') {
                window.testYouTubeReachability(2500);
            }
            
            // Update language selector display
            const currentLangText = document.getElementById('current-lang-text');
            const currentLangTextMobile = document.getElementById('current-lang-text-mobile');
            const langNamesInit = { 'zh': '中文', 'ru': 'Русский' };
            if (currentLangText) {
                currentLangText.textContent = langNamesInit[currentUILang];
            }
            if (currentLangTextMobile) {
                currentLangTextMobile.textContent = langNamesInit[currentUILang];
            }

            // Ensure subtitle visibility matches translation value at load
            (function ensureSubtitleOnLoad() {
                const dict = translations[currentUILang] || {};
                const hasKey = Object.prototype.hasOwnProperty.call(dict, 'site.subtitle');
                if (!hasKey) return;
                const value = dict['site.subtitle'];
                const subtitleElements = document.querySelectorAll('[data-i18n="site.subtitle"]');
                subtitleElements.forEach(el => {
                    if (value === '') {
                        el.textContent = '';
                        el.classList.add('hidden');
                    } else {
                        el.textContent = value;
                        el.classList.remove('hidden');
                    }
                });
            })();

            // Initialize RU credit block visibility
            const truestoryCredit = document.getElementById('truestory-credit');
            if (truestoryCredit) {
                truestoryCredit.classList.toggle('hidden', currentUILang !== 'ru');
            }
            
            // Update URL path to match detected language (without reload)
            // Only if: Russian detected, currently on /, not in single mode, and no saved preference exists
            // (If user has saved preference, respect it - don't auto-update URL)
            const hasSavedPreference = localStorage.getItem('preferredLanguage');
            if (currentUILang === 'ru' && 
                (window.location.pathname === '/' || window.location.pathname === '') &&
                !window.isSingleMode &&
                !hasSavedPreference) {
                const currentPath = window.location.pathname;
                const queryString = window.location.search;
                const hash = window.location.hash;
                const newPath = '/ru' + queryString + hash;
                
                // Use replaceState to avoid adding to history (so back button works correctly)
                window.history.replaceState(null, '', newPath);
            } else if (hasSavedPreference && currentUILang !== 'ru' && window.location.pathname.startsWith('/ru')) {
                // If user has Chinese preference but URL is /ru, update URL to match preference
                const queryString = window.location.search;
                const hash = window.location.hash;
                window.history.replaceState(null, '', '/' + queryString + hash);
            }
            
            // Apply UI translations (this will also format timestamps)
            switchUILanguage(currentUILang);
            
            // Check for language mismatch and show banner if needed
            function checkLanguageMismatch() {
                const banner = document.getElementById('language-mismatch-banner');
                const bannerText = document.getElementById('language-mismatch-text');
                const bannerLink = document.getElementById('language-mismatch-link');
                
                if (!banner || !bannerText || !bannerLink) return;
                
                // Get browser language
                const browserLang = (navigator.language || navigator.userLanguage || '').toLowerCase();
                const browserLangCode = browserLang.split('-')[0]; // Get just 'zh' or 'ru', not 'zh-CN'
                
                // Only show for Chinese or Russian browser languages
                if (browserLangCode !== 'zh' && browserLangCode !== 'ru') {
                    banner.classList.add('hidden');
                    return;
                }
                
                // Check if there's a mismatch
                let shouldShow = false;
                let targetLang = '';
                let targetPath = '';
                let linkText = '';
                let bannerMessage = '';
                
                if (browserLangCode === 'zh' && currentUILang === 'ru') {
                    // Browser is Chinese but showing Russian
                    shouldShow = true;
                    targetLang = 'zh';
                    targetPath = '/';
                    linkText = '中文版本';
                    bannerMessage = '您的浏览器语言是中文，';
                } else if (browserLangCode === 'ru' && currentUILang === 'zh') {
                    // Browser is Russian but showing Chinese
                    shouldShow = true;
                    targetLang = 'ru';
                    targetPath = '/ru';
                    linkText = 'Русская версия';
                    bannerMessage = 'Язык вашего браузера — русский. ';
                }
                
                if (shouldShow) {
                    // Preserve query params and hash
                    const url = new URL(window.location.href);
                    const params = url.search;
                    const hash = url.hash;
                    const finalPath = targetPath + params + hash;
                    
                    bannerText.textContent = bannerMessage;
                    bannerLink.textContent = linkText;
                    bannerLink.href = finalPath;
                    
                    // Show banner
                    banner.classList.remove('hidden');
                } else {
                    banner.classList.add('hidden');
                }
            }
            
            // Check on page load
            checkLanguageMismatch();
            
            // Expose function globally so it can be called when language changes
            window.checkLanguageMismatch = checkLanguageMismatch;
            
            // Toggle visibility of Speedtest links based on modes
            (function updateSpeedtestVisibility() {
                const shouldShowSpeedtest = !window.isMirrorMode;
                const speedtestIds = ['nav-speedtest-desktop', 'nav-speedtest-mobile', 'footer-speedtest'];
                speedtestIds.forEach(function(id) {
                    const el = document.getElementById(id);
                    if (!el) return;
                    if (shouldShowSpeedtest) {
                        el.classList.remove('hidden');
                    } else {
                        el.classList.add('hidden');
                    }
                });
            })();
            
            // Parameter handling now done server-side via template conditionals
            
            // Ensure interactive elements work in all modes
            if (typeof setupEventListeners === 'function') {
                setupEventListeners();
            }
            
            // 搜索引擎选择器
            const searchInput = document.getElementById('search-input');
            if (searchInput) {
            const searchEngineSelect = document.getElementById('search-engine-select');
            let currentEngine = 'google';
            
            // 监听搜索引擎选择变化
            if (searchEngineSelect) {
                searchEngineSelect.addEventListener('change', function() {
                    currentEngine = this.value;
                });
            }
            
            // 移动菜单初始化在下方统一执行（不依赖搜索区域是否存在）
            
            // 下拉菜单 - now handled in setupEventListeners()
            // Source filter events are set up in setupEventListeners() function
            
            // 返回顶部按钮
            const backToTopButton = document.getElementById('back-to-top');
            
            window.addEventListener('scroll', function() {
                if (window.pageYOffset > 300) {
                    backToTopButton.classList.remove('opacity-0', 'invisible');
                    backToTopButton.classList.add('opacity-100', 'visible');
                } else {
                    backToTopButton.classList.remove('opacity-100', 'visible');
                    backToTopButton.classList.add('opacity-0', 'invisible');
                }
            });
            
            backToTopButton.addEventListener('click', function(e) {
                e.preventDefault();
                window.scrollTo({
                    top: 0,
                    behavior: 'smooth'
                });
            });
            
            // Close dropdowns when clicking outside
            document.addEventListener('click', function(e) {
                const sourceDropdown = document.getElementById('source-dropdown');
                const langDropdown = document.getElementById('lang-dropdown');
                const sortDropdown = document.getElementById('sort-dropdown');
                const sourceFilterBtn = document.getElementById('source-filter-btn');
                const langSelectorBtn = document.getElementById('lang-selector-btn');
                const sortFilterBtn = document.getElementById('sort-filter-btn');
                const langDropdownMobile = document.getElementById('lang-dropdown-mobile');
                const langSelectorBtnMobile = document.getElementById('lang-selector-btn-mobile');
                
                if (sourceDropdown && !sourceDropdown.contains(e.target) && !sourceFilterBtn.contains(e.target)) {
                    sourceDropdown.classList.add('hidden');
                }
                if (sortDropdown && !sortDropdown.contains(e.target) && !sortFilterBtn.contains(e.target)) {
                    sortDropdown.classList.add('hidden');
                }
                if (langDropdown && !langDropdown.contains(e.target) && !langSelectorBtn.contains(e.target)) {
                    langDropdown.classList.add('hidden');
                }
                if (langDropdownMobile && !langDropdownMobile.contains(e.target) && !langSelectorBtnMobile.contains(e.target)) {
                    langDropdownMobile.classList.add('hidden');
                }
            });
            
            // 下载弹窗
            /*
            const downloadLinks = document.querySelectorAll('a[href="/fb/"]');
            const downloadModal = document.getElementById('download');
            const closeDownload = document.getElementById('close-download');
            
            downloadLinks.forEach(link => {
                link.addEventListener('click', function(e) {
                    e.preventDefault();
                    downloadModal.classList.remove('hidden');
                    document.body.style.overflow = 'hidden';
                });
            });
            
            closeDownload.addEventListener('click', function() {
                downloadModal.classList.add('hidden');
                document.body.style.overflow = '';
            });
            
            downloadModal.addEventListener('click', function(e) {
                if (e.target === downloadModal) {
                    downloadModal.classList.add('hidden');
                    document.body.style.overflow = '';
                }
            });
            */
            
            // initializeSourceDropdown is now defined in global scope above

            // 新闻类型过滤
            function initializeTypeFilter() {
                // 找到过滤按钮容器
                const filterContainer = document.querySelector('.flex.space-x-2');
                if (!filterContainer) return;
                
                // Find buttons by data-type attribute
                const allButton = filterContainer.querySelector('button[data-type="all"]');
                const videoButton = filterContainer.querySelector('button[data-type="video"]');
                
                if (allButton) {
                    allButton.addEventListener('click', function() {
                        currentFilter.type = 'all';
                        renderNewsList();
                        
                        // 更新按钮样式
                        allButton.className = 'tab-active px-3 py-1 text-sm font-medium';
                        if (videoButton) {
                            videoButton.className = 'text-gray-600 hover:text-primary px-3 py-1 text-sm font-medium';
                        }
                    });
                }
                
                if (videoButton) {
                    videoButton.addEventListener('click', function() {
                        currentFilter.type = 'video';
                        renderNewsList();
                        
                        // 更新按钮样式
                        videoButton.className = 'tab-active px-3 py-1 text-sm font-medium';
                        if (allButton) {
                            allButton.className = 'text-gray-600 hover:text-primary px-3 py-1 text-sm font-medium';
                        }
                    });
                }
            }

            // 新闻视图切换 - now handled in setupEventListeners()
            // View toggle events are set up in setupEventListeners() function
            
            // 键盘导航 - 处理下载模态框的ESC关闭
            // Note: Download modal handling is commented out above
            /*
            document.addEventListener('keydown', function(e) {
                // ESC关闭下载模态框
                if (e.key === 'Escape' && !downloadModal.classList.contains('hidden')) {
                    downloadModal.classList.add('hidden');
                    document.body.style.overflow = '';
                }
            });
            */
            
            // 处理搜索功能
            const searchButton = document.getElementById('search-button');
            
            function performSearch() {
                const query = searchInput.value.trim();
                if (query) {
                    let searchUrl;
                    switch(currentEngine) {
                        case 'google':
                            searchUrl = `https://www.google.com/search?q=${encodeURIComponent(query)}`;
                            break;
                        case 'bing':
                            searchUrl = `https://www.bing.com/search?q=${encodeURIComponent(query)}`;
                            break;
                        case 'duckduckgo':
                            searchUrl = `https://duckduckgo.com/?q=${encodeURIComponent(query)}`;
                            break;
                        case 'baidu':
                            searchUrl = `https://www.baidu.com/s?wd=${encodeURIComponent(query)}`;
                            break;
                        default:
                            searchUrl = `https://www.google.com/search?q=${encodeURIComponent(query)}`;
                    }
                    window.open(searchUrl, '_blank');
                }
            }
            
            searchInput.addEventListener('keypress', function(e) {
                if (e.key === 'Enter') {
                    performSearch();
                }
            });
            
            if (searchButton) {
                searchButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    performSearch();
                });
            }
            }
            
            // 初始化页面
            if (typeof initializeTypeFilter === 'function') {
                initializeTypeFilter();
            }
            
            // 等待并确保newsData可用后再初始化依赖它的功能
            function initializeNewsDataDependentFeatures() {
                if (typeof newsData !== 'undefined' && newsData && newsData.length > 0) {
                    initializeSourceDropdown();
                    renderNewsList();
                    updateWikipediaLinks(); // 更新维基百科链接
                    
                    // 初始化时在相关新闻区域显示自由浏览广告
                    addFreeBrowseAdToRelatedNews();
                    return true;
                } else {
                    return false;
                }
            }
            
            // Try to initialize immediately
            if (!initializeNewsDataDependentFeatures()) {
                console.warn('newsData not available yet, waiting for script to load...');
                
                // More robust retry mechanism
                let retryCount = 0;
                const maxRetries = 50; // 5 seconds max wait time
                const retryInterval = 100; // 100ms intervals
                
                const retryTimer = setInterval(() => {
                    retryCount++;
                    
                    // Check if script failed to load
                    if (window.newsDataLoadError) {
                        console.error('❌ news-data.js failed to load');
                        clearInterval(retryTimer);
                        return;
                    }
                    
                    // Try to initialize features
                    if (initializeNewsDataDependentFeatures()) {
                        clearInterval(retryTimer);
                        return;
                    }
                    
                    // Give up after max retries
                    if (retryCount >= maxRetries) {
                        console.error('❌ newsData still not available after ' + (retryCount * retryInterval) + 'ms');
                        clearInterval(retryTimer);
                    }
                }, retryInterval);
            }
            
            // 初始化模态框事件
            initializeModalEvents();
            
            // 初始化反馈表单
            initializeFeedbackForm();
            
            // Initialize with pre-rendered content
            if (typeof window.initializeAfterNewsDataLoad === 'function') {
                window.initializeAfterNewsDataLoad();
            }
        });
        
        // 始终初始化移动菜单（single模式也执行）
        (function initMobileMenuAlways() {
            const mobileMenuButton = document.getElementById('mobile-menu-button');
            const mobileMenu = document.getElementById('mobile-menu');
            if (!mobileMenuButton || !mobileMenu) return;
            // Remove previous listeners
            mobileMenuButton.replaceWith(mobileMenuButton.cloneNode(true));
            const btn = document.getElementById('mobile-menu-button');
            btn.addEventListener('click', function() {
                mobileMenu.classList.toggle('hidden');
            });
        })();

        // Cache management utilities
        window.newsCacheUtils = {
            // Get current cache version
            getVersion: function() {
                return window.getCacheVersion ? window.getCacheVersion() : new Date().getTime();
            },
            
            // Force reload with cache bypass
            forceReload: function() {
                if (window.reloadNewsData) {
                    window.reloadNewsData();
                } else {
                    location.reload(true);
                }
            },
            
            // Check if data is fresh (within last 5 minutes)
            isFresh: function() {
                var currentTime = new Date().getTime();
                var cacheTime = this.getVersion();
                var fiveMinutes = 5 * 60 * 1000; // 5 minutes in milliseconds
                return (currentTime - cacheTime) < fiveMinutes;
            },
            
            // Get cache age in minutes
            getCacheAgeMinutes: function() {
                var currentTime = new Date().getTime();
                var cacheTime = this.getVersion();
                return Math.round((currentTime - cacheTime) / (60 * 1000));
            }
        };
        
        // 反馈表单功能
        function initializeFeedbackForm() {
            const feedbackForm = document.getElementById('feedback-form');
            const emailInput = document.getElementById('feedback-email');
            const messageInput = document.getElementById('feedback-textarea');
            const submitButton = document.getElementById('feedback-submit');
            const submitText = document.getElementById('submit-text');
            const submitSpinner = document.getElementById('submit-spinner');
            const feedbackMessage = document.getElementById('feedback-message');
            const emailError = document.getElementById('email-error');
            const messageError = document.getElementById('message-error');
            const charCount = document.getElementById('char-count');
            
            // 字符计数器
            messageInput.addEventListener('input', function() {
                const count = this.value.length;
                charCount.textContent = count;
                
                if (count > 2000) {
                    charCount.classList.add('text-red-500');
                    charCount.classList.remove('text-gray-400');
                } else {
                    charCount.classList.remove('text-red-500');
                    charCount.classList.add('text-gray-400');
                }
            });
            
            // 邮箱验证
            function validateEmail(email) {
                const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
                return emailRegex.test(email);
            }
            
            // 显示错误消息
            function showFieldError(errorElement, message) {
                errorElement.textContent = message;
                errorElement.classList.remove('hidden');
            }
            
            // 隐藏错误消息
            function hideFieldError(errorElement) {
                errorElement.classList.add('hidden');
            }
            
            // 显示全局消息
            function showMessage(message, isSuccess = false) {
                feedbackMessage.textContent = message;
                feedbackMessage.className = `mb-4 p-4 rounded-md ${isSuccess ? 'bg-green-50 text-green-800 border border-green-200' : 'bg-red-50 text-red-800 border border-red-200'}`;
                feedbackMessage.classList.remove('hidden');
                
                // 滚动到消息位置
                feedbackMessage.scrollIntoView({ behavior: 'smooth', block: 'center' });
            }
            
            // 隐藏全局消息
            function hideMessage() {
                feedbackMessage.classList.add('hidden');
            }
            
            // 设置提交状态
            function setSubmitting(isSubmitting) {
                if (isSubmitting) {
                    submitButton.disabled = true;
                    submitText.textContent = '提交中...';
                    submitSpinner.classList.remove('hidden');
                } else {
                    submitButton.disabled = false;
                    submitText.textContent = '提交反馈';
                    submitSpinner.classList.add('hidden');
                }
            }
            
            // 表单验证
            function validateForm() {
                let isValid = true;
                
                // 隐藏之前的错误
                hideFieldError(emailError);
                hideFieldError(messageError);
                hideMessage();
                
                const email = emailInput.value.trim();
                const message = messageInput.value.trim();
                
                // 验证邮箱
                if (!email) {
                    showFieldError(emailError, t('feedback.emailRequired'));
                    isValid = false;
                } else if (!validateEmail(email)) {
                    showFieldError(emailError, t('feedback.emailInvalid'));
                    isValid = false;
                }
                
                // 验证消息
                if (!message) {
                    showFieldError(messageError, t('feedback.messageRequired'));
                    isValid = false;
                } else if (message.length < 10) {
                    showFieldError(messageError, t('feedback.messageMin'));
                    isValid = false;
                } else if (message.length > 2000) {
                    showFieldError(messageError, t('feedback.messageMax'));
                    isValid = false;
                }
                
                return isValid;
            }
            
            // 表单提交处理
            feedbackForm.addEventListener('submit', async function(e) {
                e.preventDefault();
                
                if (!validateForm()) {
                    return;
                }
                
                setSubmitting(true);
                
                try {
                    const formData = {
                        email: emailInput.value.trim(),
                        message: messageInput.value.trim()
                    };
                    
                    const response = await fetch('/news5c/api/feedback', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json',
                        },
                        body: JSON.stringify(formData)
                    });
                    
                    const result = await response.json();
                    
                    if (result.success) {
                        showMessage(result.message, true);
                        feedbackForm.reset();
                        charCount.textContent = '0';
                    } else {
                        showMessage(result.error || '提交失败，请稍后重试');
                    }
                    
                } catch (error) {
                    console.error('Feedback submission error:', error);
                    showMessage('网络错误，请检查网络连接后重试');
                } finally {
                    setSubmitting(false);
                }
            });
            
            // 实时验证
            emailInput.addEventListener('blur', function() {
                const email = this.value.trim();
                if (email && !validateEmail(email)) {
                    showFieldError(emailError, t('feedback.emailInvalid'));
                } else {
                    hideFieldError(emailError);
                }
            });
            
            messageInput.addEventListener('blur', function() {
                const message = this.value.trim();
                if (message && message.length < 10) {
                    showFieldError(messageError, t('feedback.messageMin'));
                } else if (message.length > 2000) {
                    showFieldError(messageError, t('feedback.messageMax'));
                } else {
                    hideFieldError(messageError);
                }
            });
        }
    </script>
</body>
</html>