{"id":2068,"date":"2025-12-01T17:30:18","date_gmt":"2025-12-01T09:30:18","guid":{"rendered":"http:\/\/39.97.234.7\/?page_id=2068"},"modified":"2026-03-10T09:58:47","modified_gmt":"2026-03-10T01:58:47","slug":"%e5%85%ac%e5%8f%b8%e6%96%b0%e9%97%bb","status":"publish","type":"page","link":"https:\/\/sdthkj.com\/?page_id=2068","title":{"rendered":"\u516c\u53f8\u65b0\u95fb"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2068\" class=\"elementor elementor-2068\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80ad17c e-flex e-con-boxed e-con e-parent\" data-id=\"80ad17c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b32b03 elementor-widget elementor-widget-html\" data-id=\"4b32b03\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"section-title-container\">\n    <div class=\"section-title\">\n        <h1>\u516c\u53f8\u65b0\u95fb<\/h1>\n        <p>\u5929\u6cb3\u524d\u6cbf\u8d44\u8baf<\/p>\n    <\/div>\n<\/div>\n\n<style>\n.section-title-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 40px 20px;\n    position: relative;\n}\n\n.section-title {\n    text-align: center;\n    margin-bottom: 60px;\n    position: relative;\n}\n\n.section-title h1 {\n    font-size: 3.5rem;\n    font-weight: 700;\n    background: linear-gradient(90deg, #0066cc, #00a8ff);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    margin-bottom: 15px;\n    letter-spacing: 2px;\n    font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;\n}\n\n.section-title p {\n    font-size: 1.2rem;\n    color: #666;\n    max-width: 600px;\n    margin: 0 auto;\n    font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;\n    line-height: 1.6;\n}\n\n.section-title::after {\n    content: '';\n    position: absolute;\n    bottom: -20px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 100px;\n    height: 4px;\n    background: linear-gradient(90deg, #0066cc, #00a8ff);\n    border-radius: 2px;\n}\n\n@media (max-width: 768px) {\n    .section-title h1 {\n        font-size: 2.5rem;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cfb3002 e-flex e-con-boxed e-con e-parent\" data-id=\"cfb3002\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb80fd2 elementor-widget elementor-widget-html\" data-id=\"cb80fd2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u79d1\u6280\u65b0\u95fb\u4e2d\u5fc3<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        \/* ===== \u57fa\u7840\u91cd\u7f6e ===== *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        \/* ===== \u7ec4\u4ef6\u6837\u5f0f ===== *\/\n        .tech-news-component {\n            font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;\n            line-height: 1.6;\n            background-color: #ffffff;\n            min-height: 100vh;\n            width: 100%;\n        }\n        \n        \/* \u7ec4\u4ef6\u5bb9\u5668 - \u6700\u5927\u5316\u5bbd\u5ea6 *\/\n        .tech-news-container {\n            width: 98%;\n            max-width: 98%;\n            margin: 0 auto;\n            padding: 20px 10px;\n        }\n        \n        \/* \u65b0\u95fb\u5bb9\u5668\u6837\u5f0f - 5\u5217\u5e03\u5c40 *\/\n        .tech-news-container-grid {\n            display: grid;\n            grid-template-columns: repeat(5, 1fr);\n            gap: 20px;\n            margin-bottom: 40px;\n            width: 100%;\n        }\n        \n        \/* \u65b0\u95fb\u9879\u6837\u5f0f - \u4f18\u5316\u4e3a\u5361\u7247\u5f0f *\/\n        .tech-news-item {\n            background: white;\n            border-radius: 10px;\n            padding: 15px;\n            transition: all 0.3s ease;\n            border: 1px solid rgba(66, 153, 225, 0.15);\n            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.04);\n            position: relative;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n            height: 280px; \/* \u56fa\u5b9a\u9ad8\u5ea6\u786e\u4fdd\u6574\u9f50 *\/\n        }\n        \n        \/* \u65b0\u95fb\u56fe\u7247\u533a\u57df\u6837\u5f0f *\/\n        .tech-news-image {\n            width: 100%;\n            height: 140px;\n            border-radius: 6px;\n            overflow: hidden;\n            background: #f8fafc;\n            position: relative;\n            margin-bottom: 12px;\n            flex-shrink: 0;\n        }\n        \n        \/* \u65b0\u95fb\u56fe\u7247\u6837\u5f0f *\/\n        .tech-news-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.4s ease;\n        }\n        \n        \/* \u9ed8\u8ba4\u56fe\u7247\u5360\u4f4d\u7b26 *\/\n        .image-placeholder {\n            width: 100%;\n            height: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);\n            color: #94a3b8;\n            font-size: 2.5rem;\n        }\n        \n        \/* \u65b0\u95fb\u5185\u5bb9\u533a\u57df\u6837\u5f0f *\/\n        .tech-news-content {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            min-height: 0; \/* \u91cd\u8981\uff1a\u9632\u6b62\u5185\u5bb9\u6ea2\u51fa *\/\n        }\n        \n        \/* \u65b0\u95fb\u9879\u60ac\u505c\u6548\u679c *\/\n        .tech-news-item:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(66, 153, 225, 0.12);\n            border-color: rgba(66, 153, 225, 0.3);\n        }\n        \n        .tech-news-item:hover .tech-news-image img {\n            transform: scale(1.08);\n        }\n        \n        \/* \u65b0\u95fb\u65e5\u671f\u6837\u5f0f *\/\n        .tech-news-date {\n            color: #718096;\n            font-size: 0.75rem;\n            margin-bottom: 8px;\n            display: flex;\n            align-items: center;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n        \n        .tech-news-date::before {\n            content: '\ud83d\udcc5';\n            margin-right: 5px;\n            font-size: 0.7rem;\n        }\n        \n        \/* \u65b0\u95fb\u6807\u9898\u6837\u5f0f *\/\n        .tech-news-item-title {\n            font-size: 0.95rem;\n            line-height: 1.4;\n            margin-bottom: 10px;\n            color: #2d3748;\n            font-weight: 600;\n            transition: color 0.3s ease;\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            min-height: 38px; \/* \u786e\u4fdd\u6807\u9898\u533a\u57df\u56fa\u5b9a\u9ad8\u5ea6 *\/\n        }\n        \n        .tech-news-item:hover .tech-news-item-title {\n            color: #4299e1;\n        }\n        \n        \/* \u65b0\u95fb\u6458\u8981\u6837\u5f0f *\/\n        .tech-news-summary {\n            color: #718096;\n            font-size: 0.85rem;\n            line-height: 1.5;\n            margin-bottom: 12px;\n            flex: 1;\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            min-height: 36px; \/* \u786e\u4fdd\u6458\u8981\u533a\u57df\u56fa\u5b9a\u9ad8\u5ea6 *\/\n        }\n        \n        \/* \u9605\u8bfb\u66f4\u591a\u94fe\u63a5\u6837\u5f0f *\/\n        .tech-news-read-more {\n            color: #4299e1;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 0.85rem;\n            display: inline-flex;\n            align-items: center;\n            transition: all 0.3s ease;\n            margin-top: auto; \/* \u786e\u4fdd\u94fe\u63a5\u5728\u5e95\u90e8 *\/\n            white-space: nowrap;\n        }\n        \n        .tech-news-read-more::after {\n            content: '\u2192';\n            margin-left: 5px;\n            transition: transform 0.3s ease;\n            font-size: 0.9rem;\n        }\n        \n        .tech-news-read-more:hover {\n            color: #4fd1c5;\n        }\n        \n        .tech-news-read-more:hover::after {\n            transform: translateX(4px);\n        }\n        \n        \/* \u5206\u9875\u6837\u5f0f *\/\n        .tech-news-pagination {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            margin-top: 30px;\n            gap: 12px;\n            width: 100%;\n        }\n        \n        \/* \u5206\u9875\u6309\u94ae\u6837\u5f0f *\/\n        .tech-news-page-btn {\n            background: white;\n            border: 1px solid rgba(66, 153, 225, 0.25);\n            color: #4a5568;\n            padding: 10px 18px;\n            border-radius: 6px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-weight: 600;\n            font-size: 0.9rem;\n            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n            min-width: 90px;\n        }\n        \n        .tech-news-page-btn:hover:not(:disabled) {\n            background: rgba(66, 153, 225, 0.1);\n            border-color: #4299e1;\n            color: #4299e1;\n        }\n        \n        .tech-news-page-btn:disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n        \n        \/* \u9875\u7801\u5bb9\u5668\u6837\u5f0f *\/\n        .tech-news-page-numbers {\n            display: flex;\n            gap: 6px;\n        }\n        \n        \/* \u5355\u4e2a\u9875\u7801\u6837\u5f0f *\/\n        .tech-news-page-number {\n            width: 36px;\n            height: 36px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 6px;\n            background: white;\n            border: 1px solid rgba(66, 153, 225, 0.2);\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-weight: 600;\n            font-size: 0.9rem;\n            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        }\n        \n        .tech-news-page-number:hover {\n            background: rgba(66, 153, 225, 0.1);\n            border-color: #4299e1;\n            color: #4299e1;\n        }\n        \n        .tech-news-page-number.active {\n            background: rgba(66, 153, 225, 0.2);\n            border-color: #4299e1;\n            color: #4299e1;\n            box-shadow: 0 0 8px rgba(66, 153, 225, 0.15);\n        }\n        \n        \/* \u9519\u8bef\u6d88\u606f\u6837\u5f0f *\/\n        .tech-news-error-message {\n            text-align: center;\n            padding: 40px 20px;\n            color: #e53e3e;\n            background: rgba(229, 62, 62, 0.05);\n            border-radius: 10px;\n            margin: 20px 0;\n            grid-column: 1 \/ -1;\n        }\n        \n        \/* \u5237\u65b0\u6309\u94ae\u6837\u5f0f *\/\n        .tech-news-refresh-btn {\n            background: #4299e1;\n            color: white;\n            border: none;\n            padding: 10px 20px;\n            border-radius: 6px;\n            cursor: pointer;\n            font-weight: 600;\n            font-size: 0.9rem;\n            margin-top: 15px;\n            transition: all 0.3s ease;\n        }\n        \n        .tech-news-refresh-btn:hover {\n            background: #3182ce;\n            transform: translateY(-2px);\n        }\n        \n        \/* ===== \u54cd\u5e94\u5f0f\u8bbe\u8ba1 ===== *\/\n        \n        \/* \u5927\u684c\u9762\u5c4f\u5e55 (1600px+) *\/\n        @media (min-width: 1600px) {\n            .tech-news-container {\n                width: 97%;\n                max-width: 1800px;\n                padding: 25px 15px;\n            }\n            \n            .tech-news-container-grid {\n                grid-template-columns: repeat(5, 1fr);\n                gap: 25px;\n            }\n            \n            .tech-news-item {\n                height: 300px;\n                padding: 18px;\n            }\n            \n            .tech-news-image {\n                height: 150px;\n            }\n            \n            .tech-news-item-title {\n                font-size: 1rem;\n                min-height: 42px;\n            }\n        }\n        \n        \/* \u6807\u51c6\u684c\u9762\u5c4f\u5e55 (1200px-1599px) *\/\n        @media (max-width: 1599px) and (min-width: 1200px) {\n            .tech-news-container-grid {\n                grid-template-columns: repeat(5, 1fr);\n                gap: 20px;\n            }\n            \n            .tech-news-item {\n                height: 280px;\n            }\n        }\n        \n        \/* \u5c0f\u684c\u9762\u5c4f\u5e55 (992px-1199px) *\/\n        @media (max-width: 1199px) and (min-width: 992px) {\n            .tech-news-container-grid {\n                grid-template-columns: repeat(4, 1fr);\n                gap: 18px;\n            }\n            \n            .tech-news-item {\n                height: 270px;\n                padding: 14px;\n            }\n            \n            .tech-news-image {\n                height: 130px;\n            }\n        }\n        \n        \/* \u5e73\u677f\u5c4f\u5e55 (768px-991px) *\/\n        @media (max-width: 991px) and (min-width: 768px) {\n            .tech-news-container {\n                width: 97%;\n                padding: 15px 10px;\n            }\n            \n            .tech-news-container-grid {\n                grid-template-columns: repeat(3, 1fr);\n                gap: 16px;\n            }\n            \n            .tech-news-item {\n                height: 260px;\n                padding: 14px;\n            }\n            \n            .tech-news-image {\n                height: 125px;\n            }\n            \n            .tech-news-item-title {\n                font-size: 0.9rem;\n                min-height: 36px;\n            }\n            \n            .tech-news-summary {\n                font-size: 0.82rem;\n                min-height: 34px;\n            }\n        }\n        \n        \/* \u5927\u624b\u673a\u5c4f\u5e55 (576px-767px) *\/\n        @media (max-width: 767px) and (min-width: 576px) {\n            .tech-news-container {\n                width: 96%;\n                padding: 12px 8px;\n            }\n            \n            .tech-news-container-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 14px;\n            }\n            \n            .tech-news-item {\n                height: 250px;\n                padding: 12px;\n            }\n            \n            .tech-news-image {\n                height: 120px;\n            }\n            \n            .tech-news-item-title {\n                font-size: 0.88rem;\n                min-height: 34px;\n                -webkit-line-clamp: 3;\n            }\n            \n            .tech-news-summary {\n                font-size: 0.8rem;\n                min-height: 32px;\n                -webkit-line-clamp: 2;\n            }\n        }\n        \n        \/* \u5c0f\u624b\u673a\u5c4f\u5e55 (< 576px) *\/\n        @media (max-width: 575px) {\n            .tech-news-container {\n                width: 95%;\n                padding: 10px 6px;\n            }\n            \n            .tech-news-container-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 12px;\n            }\n            \n            .tech-news-item {\n                height: 240px;\n                padding: 10px;\n            }\n            \n            .tech-news-image {\n                height: 110px;\n            }\n            \n            .tech-news-item-title {\n                font-size: 0.85rem;\n                min-height: 32px;\n                -webkit-line-clamp: 3;\n            }\n            \n            .tech-news-summary {\n                font-size: 0.78rem;\n                min-height: 30px;\n                -webkit-line-clamp: 2;\n                margin-bottom: 8px;\n            }\n            \n            .tech-news-date {\n                font-size: 0.7rem;\n                margin-bottom: 6px;\n            }\n            \n            .tech-news-read-more {\n                font-size: 0.8rem;\n            }\n            \n            .tech-news-pagination {\n                flex-wrap: wrap;\n                gap: 8px;\n            }\n            \n            .tech-news-page-numbers {\n                order: 3;\n                margin-top: 12px;\n                width: 100%;\n                justify-content: center;\n            }\n            \n            .tech-news-page-btn {\n                padding: 8px 14px;\n                min-width: 80px;\n                font-size: 0.85rem;\n            }\n            \n            .tech-news-page-number {\n                width: 32px;\n                height: 32px;\n                font-size: 0.85rem;\n            }\n        }\n        \n        \/* \u8d85\u5c0f\u624b\u673a\u5c4f\u5e55 (< 400px) *\/\n        @media (max-width: 399px) {\n            .tech-news-container-grid {\n                grid-template-columns: 1fr;\n                gap: 12px;\n            }\n            \n            .tech-news-item {\n                height: auto;\n                min-height: 180px;\n                flex-direction: row;\n                padding: 12px;\n            }\n            \n            .tech-news-image {\n                flex: 0 0 100px;\n                height: 100px;\n                margin-bottom: 0;\n                margin-right: 12px;\n            }\n            \n            .tech-news-content {\n                flex: 1;\n            }\n            \n            .tech-news-item-title {\n                -webkit-line-clamp: 2;\n                min-height: auto;\n            }\n            \n            .tech-news-summary {\n                -webkit-line-clamp: 2;\n                min-height: auto;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- \u79d1\u6280\u65b0\u95fb\u7ec4\u4ef6 -->\n    <div class=\"tech-news-component\">\n        <div class=\"tech-news-container\">\n            <!-- \u65b0\u95fb\u5bb9\u5668 - \u76f4\u63a5\u663e\u793a\u5185\u5bb9 -->\n            <div class=\"tech-news-container-grid\" id=\"newsContainer\">\n                <!-- \u65b0\u95fb\u5185\u5bb9\u5c06\u901a\u8fc7JavaScript\u52a8\u6001\u751f\u6210 -->\n            <\/div>\n            \n            <!-- \u5206\u9875\u63a7\u4ef6 -->\n            <div class=\"tech-news-pagination\" id=\"paginationContainer\" style=\"display: none;\">\n                <button class=\"tech-news-page-btn\" id=\"prevBtn\" disabled>\u4e0a\u4e00\u9875<\/button>\n                <div class=\"tech-news-page-numbers\" id=\"pageNumbers\">\n                    <!-- \u9875\u7801\u5c06\u901a\u8fc7JavaScript\u52a8\u6001\u751f\u6210 -->\n                <\/div>\n                <button class=\"tech-news-page-btn\" id=\"nextBtn\">\u4e0b\u4e00\u9875<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ ===== WordPress API\u914d\u7f6e =====\n        const WORDPRESS_API_URL = 'https:\/\/www.sdthkj.com\/wp-json\/wp\/v2\/posts';\n        const ITEMS_PER_PAGE = 20; \/\/ \u6bcf\u987520\u4e2a\u65b0\u95fb\u9879\uff085\u5217\u00d74\u884c\uff09\n        \n        \/\/ ===== \u5168\u5c40\u53d8\u91cf =====\n        let currentPage = 1;      \/\/ \u5f53\u524d\u9875\u7801\n        let totalPages = 1;       \/\/ \u603b\u9875\u6570\n        let allNews = [];         \/\/ \u5b58\u50a8\u6240\u6709\u65b0\u95fb\u6570\u636e\n        \n        \/\/ ===== \u9875\u9762\u521d\u59cb\u5316 =====\n        document.addEventListener('DOMContentLoaded', function() {\n            console.log('\u9875\u9762\u521d\u59cb\u5316...');\n            \n            \/\/ \u8bbe\u7f6e\u4e8b\u4ef6\u76d1\u542c\u5668\n            document.getElementById('prevBtn').addEventListener('click', goToPrevPage);\n            document.getElementById('nextBtn').addEventListener('click', goToNextPage);\n            \n            \/\/ \u7acb\u5373\u663e\u793a\u7a7a\u7684\u7f51\u683c\u5e03\u5c40\n            initializeGrid();\n            \n            \/\/ \u5f02\u6b65\u52a0\u8f7d\u65b0\u95fb\u6570\u636e\n            setTimeout(loadNews, 100);\n        });\n        \n        \/\/ ===== \u521d\u59cb\u5316\u7f51\u683c\u5e03\u5c40 =====\n        function initializeGrid() {\n            const newsContainer = document.getElementById('newsContainer');\n            newsContainer.innerHTML = '';\n            \n            \/\/ \u521b\u5efa20\u4e2a\u5360\u4f4d\u7f51\u683c\u9879\uff085\u5217\u00d74\u884c\uff09\n            for (let i = 0; i < ITEMS_PER_PAGE; i++) {\n                const placeholderItem = document.createElement('div');\n                placeholderItem.className = 'tech-news-item';\n                placeholderItem.innerHTML = `\n                    <div class=\"tech-news-image\">\n                        <div class=\"image-placeholder\">\n                            <i class=\"fas fa-newspaper\"><\/i>\n                        <\/div>\n                    <\/div>\n                    <div class=\"tech-news-content\">\n                        <div class=\"tech-news-date\">\u52a0\u8f7d\u4e2d...<\/div>\n                        <h2 class=\"tech-news-item-title\">\u5185\u5bb9\u52a0\u8f7d\u4e2d<\/h2>\n                        <p class=\"tech-news-summary\">\u8bf7\u7a0d\u5019\uff0c\u6b63\u5728\u83b7\u53d6\u6700\u65b0\u65b0\u95fb...<\/p>\n                        <a href=\"#\" class=\"tech-news-read-more\">\u9605\u8bfb\u5168\u6587<\/a>\n                    <\/div>\n                `;\n                newsContainer.appendChild(placeholderItem);\n            }\n        }\n        \n        \/\/ ===== \u4eceWordPress\u52a0\u8f7d\u65b0\u95fb\u6570\u636e =====\n        async function loadNews() {\n            const newsContainer = document.getElementById('newsContainer');\n            const paginationContainer = document.getElementById('paginationContainer');\n            \n            try {\n                console.log('\u5f00\u59cb\u52a0\u8f7d\u65b0\u95fb\u6570\u636e...');\n                \n                \/\/ \u8c03\u7528WordPress REST API\n                const response = await fetch(WORDPRESS_API_URL + '?per_page=100&_embed');\n                \n                \/\/ \u68c0\u67e5\u54cd\u5e94\u72b6\u6001\n                if (!response.ok) {\n                    throw new Error(`HTTP\u9519\u8bef! \u72b6\u6001: ${response.status}`);\n                }\n                \n                \/\/ \u89e3\u6790\u54cd\u5e94\u6570\u636e\n                const posts = await response.json();\n                console.log(`\u83b7\u53d6\u5230 ${posts.length} \u6761\u65b0\u95fb\u6570\u636e`);\n                \n                \/\/ \u5904\u7406\u6587\u7ae0\u6570\u636e\n                allNews = posts.map(post => {\n                    \/\/ \u63d0\u53d6\u6458\u8981\n                    let summary = '';\n                    if (post.excerpt && post.excerpt.rendered) {\n                        summary = post.excerpt.rendered.replace(\/<[^>]*>\/g, '').substring(0, 120);\n                    } else if (post.content && post.content.rendered) {\n                        summary = post.content.rendered.replace(\/<[^>]*>\/g, '').substring(0, 120);\n                    } else {\n                        summary = '\u6682\u65e0\u5185\u5bb9\u6458\u8981';\n                    }\n                    \n                    \/\/ \u6dfb\u52a0\u7701\u7565\u53f7\u5982\u679c\u6458\u8981\u8fc7\u957f\n                    if (summary.length >= 120) {\n                        summary += '...';\n                    }\n                    \n                    \/\/ \u83b7\u53d6\u7279\u8272\u56fe\u7247\n                    let featuredImage = '';\n                    if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]) {\n                        featuredImage = post._embedded['wp:featuredmedia'][0].source_url;\n                    }\n                    \n                    \/\/ \u5904\u7406\u6807\u9898\n                    let title = post.title?.rendered || '\u65e0\u6807\u9898';\n                    title = title.replace(\/<[^>]*>\/g, ''); \/\/ \u79fb\u9664HTML\u6807\u7b7e\n                    \n                    \/\/ \u8fd4\u56de\u683c\u5f0f\u5316\u540e\u7684\u65b0\u95fb\u5bf9\u8c61\n                    return {\n                        id: post.id,\n                        date: post.date,\n                        title: title,\n                        summary: summary,\n                        link: post.link || '#',\n                        featuredImage: featuredImage\n                    };\n                });\n                \n                \/\/ \u6309\u65e5\u671f\u6392\u5e8f\uff08\u4ece\u65b0\u5230\u65e7\uff09\n                allNews.sort((a, b) => new Date(b.date) - new Date(a.date));\n                \n                \/\/ \u8ba1\u7b97\u603b\u9875\u6570\n                totalPages = Math.max(1, Math.ceil(allNews.length \/ ITEMS_PER_PAGE));\n                console.log(`\u603b\u9875\u6570: ${totalPages}, \u6bcf\u9875: ${ITEMS_PER_PAGE}\u9879`);\n                \n                \/\/ \u6e32\u67d3\u65b0\u95fb\u548c\u5206\u9875\n                renderNews();\n                setupPagination();\n                \n                \/\/ \u663e\u793a\u5206\u9875\u63a7\u4ef6\uff08\u5982\u679c\u6709\u591a\u9875\uff09\n                if (totalPages > 1) {\n                    paginationContainer.style.display = 'flex';\n                }\n                \n            } catch (error) {\n                \/\/ \u9519\u8bef\u5904\u7406\n                console.error('\u52a0\u8f7d\u65b0\u95fb\u65f6\u51fa\u9519:', error);\n                showError(`\u65e0\u6cd5\u52a0\u8f7d\u65b0\u95fb\u5185\u5bb9: ${error.message}`);\n            }\n        }\n        \n        \/\/ ===== \u6e32\u67d3\u65b0\u95fb\u5185\u5bb9 =====\n        function renderNews() {\n            const newsContainer = document.getElementById('newsContainer');\n            \n            \/\/ \u5982\u679c\u6ca1\u6709\u65b0\u95fb\u6570\u636e\uff0c\u663e\u793a\u63d0\u793a\u4fe1\u606f\n            if (allNews.length === 0) {\n                newsContainer.innerHTML = '<div class=\"tech-news-error-message\">\u6682\u65e0\u65b0\u95fb\u5185\u5bb9<\/div>';\n                return;\n            }\n            \n            \/\/ \u8ba1\u7b97\u5f53\u524d\u9875\u7684\u65b0\u95fb\u8303\u56f4\n            const startIndex = (currentPage - 1) * ITEMS_PER_PAGE;\n            const endIndex = startIndex + ITEMS_PER_PAGE;\n            const pageNews = allNews.slice(startIndex, endIndex);\n            \n            \/\/ \u6e05\u7a7a\u5bb9\u5668\n            newsContainer.innerHTML = '';\n            \n            \/\/ \u904d\u5386\u5f53\u524d\u9875\u7684\u65b0\u95fb\u6570\u636e\u5e76\u751f\u6210HTML\n            pageNews.forEach(news => {\n                const newsItem = document.createElement('div');\n                newsItem.className = 'tech-news-item';\n                \n                \/\/ \u751f\u6210\u56fe\u7247HTML\n                let imageHtml = '';\n                if (news.featuredImage) {\n                    imageHtml = `\n                        <img decoding=\"async\" src=\"${news.featuredImage}\" \n                             alt=\"${news.title}\"\n                             onload=\"this.style.opacity='1'\"\n                             onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\"\n                             style=\"opacity:0; transition: opacity 0.3s ease\"\n                             loading=\"lazy\">\n                        <div class=\"image-placeholder\" style=\"display:none;\">\n                            <i class=\"fas fa-newspaper\"><\/i>\n                        <\/div>\n                    `;\n                } else {\n                    imageHtml = '<div class=\"image-placeholder\"><i class=\"fas fa-newspaper\"><\/i><\/div>';\n                }\n                \n                \/\/ \u8bbe\u7f6e\u65b0\u95fb\u9879HTML\u5185\u5bb9\n                newsItem.innerHTML = `\n                    <div class=\"tech-news-image\">\n                        ${imageHtml}\n                    <\/div>\n                    <div class=\"tech-news-content\">\n                        <div class=\"tech-news-date\">${formatDate(news.date)}<\/div>\n                        <h2 class=\"tech-news-item-title\">${news.title}<\/h2>\n                        <p class=\"tech-news-summary\">${news.summary}<\/p>\n                        <a href=\"${news.link}\" target=\"_blank\" class=\"tech-news-read-more\" rel=\"noopener noreferrer\">\u9605\u8bfb\u5168\u6587<\/a>\n                    <\/div>\n                `;\n                \n                \/\/ \u5c06\u65b0\u95fb\u9879\u6dfb\u52a0\u5230\u5bb9\u5668\u4e2d\n                newsContainer.appendChild(newsItem);\n            });\n            \n            \/\/ \u5982\u679c\u5f53\u524d\u9875\u4e0d\u8db320\u9879\uff0c\u8865\u5145\u7a7a\u9879\u4fdd\u6301\u7f51\u683c\u6574\u9f50\n            const remainingItems = ITEMS_PER_PAGE - pageNews.length;\n            for (let i = 0; i < remainingItems; i++) {\n                const emptyItem = document.createElement('div');\n                emptyItem.className = 'tech-news-item';\n                emptyItem.style.opacity = '0.4';\n                emptyItem.innerHTML = `\n                    <div class=\"tech-news-image\">\n                        <div class=\"image-placeholder\">\n                            <i class=\"fas fa-newspaper\"><\/i>\n                        <\/div>\n                    <\/div>\n                    <div class=\"tech-news-content\">\n                        <div class=\"tech-news-date\"><\/div>\n                        <h2 class=\"tech-news-item-title\"><\/h2>\n                        <p class=\"tech-news-summary\"><\/p>\n                        <a href=\"#\" class=\"tech-news-read-more\" style=\"visibility:hidden;\">\u9605\u8bfb\u5168\u6587<\/a>\n                    <\/div>\n                `;\n                newsContainer.appendChild(emptyItem);\n            }\n            \n            \/\/ \u66f4\u65b0\u5206\u9875\u6309\u94ae\u72b6\u6001\n            updatePaginationButtons();\n        }\n        \n        \/\/ ===== \u8bbe\u7f6e\u5206\u9875\u63a7\u4ef6 =====\n        function setupPagination() {\n            const pageNumbersContainer = document.getElementById('pageNumbers');\n            pageNumbersContainer.innerHTML = '';\n            \n            \/\/ \u5982\u679c\u53ea\u6709\u4e00\u9875\uff0c\u4e0d\u663e\u793a\u5206\u9875\u6570\u5b57\n            if (totalPages <= 1) {\n                return;\n            }\n            \n            \/\/ \u663e\u793a\u6700\u591a7\u4e2a\u9875\u7801\n            let startPage = 1;\n            let endPage = Math.min(7, totalPages);\n            \n            \/\/ \u5982\u679c\u5f53\u524d\u9875\u9760\u8fd1\u672b\u5c3e\uff0c\u8c03\u6574\u663e\u793a\u7684\u9875\u7801\u8303\u56f4\n            if (currentPage > 4 && totalPages > 7) {\n                startPage = Math.min(currentPage - 3, totalPages - 6);\n                endPage = Math.min(startPage + 6, totalPages);\n            }\n            \n            \/\/ \u751f\u6210\u9875\u7801\u6309\u94ae\n            for (let i = startPage; i <= endPage; i++) {\n                const pageNumber = document.createElement('div');\n                pageNumber.className = `tech-news-page-number ${i === currentPage ? 'active' : ''}`;\n                pageNumber.textContent = i;\n                pageNumber.addEventListener('click', () => {\n                    if (i !== currentPage) {\n                        currentPage = i;\n                        renderNews();\n                        setupPagination();\n                        \/\/ \u6eda\u52a8\u5230\u9876\u90e8\n                        window.scrollTo({ top: 0, behavior: 'smooth' });\n                    }\n                });\n                \n                pageNumbersContainer.appendChild(pageNumber);\n            }\n        }\n        \n        \/\/ ===== \u66f4\u65b0\u5206\u9875\u6309\u94ae\u72b6\u6001 =====\n        function updatePaginationButtons() {\n            const prevBtn = document.getElementById('prevBtn');\n            const nextBtn = document.getElementById('nextBtn');\n            \n            \/\/ \u8bbe\u7f6e\u4e0a\u4e00\u9875\u548c\u4e0b\u4e00\u9875\u6309\u94ae\u7684\u7981\u7528\u72b6\u6001\n            prevBtn.disabled = currentPage === 1;\n            nextBtn.disabled = currentPage === totalPages;\n        }\n        \n        \/\/ ===== \u4e0a\u4e00\u9875\u529f\u80fd =====\n        function goToPrevPage() {\n            if (currentPage > 1) {\n                currentPage--;\n                renderNews();\n                setupPagination();\n                window.scrollTo({ top: 0, behavior: 'smooth' });\n            }\n        }\n        \n        \/\/ ===== \u4e0b\u4e00\u9875\u529f\u80fd =====\n        function goToNextPage() {\n            if (currentPage < totalPages) {\n                currentPage++;\n                renderNews();\n                setupPagination();\n                window.scrollTo({ top: 0, behavior: 'smooth' });\n            }\n        }\n        \n        \/\/ ===== \u663e\u793a\u9519\u8bef\u4fe1\u606f =====\n        function showError(message) {\n            const newsContainer = document.getElementById('newsContainer');\n            newsContainer.innerHTML = `\n                <div class=\"tech-news-error-message\">\n                    <p>${message}<\/p>\n                    <button class=\"tech-news-refresh-btn\" onclick=\"loadNews()\">\u91cd\u65b0\u52a0\u8f7d<\/button>\n                <\/div>\n            `;\n        }\n        \n        \/\/ ===== \u683c\u5f0f\u5316\u65e5\u671f =====\n        function formatDate(dateString) {\n            try {\n                const date = new Date(dateString);\n                if (isNaN(date.getTime())) {\n                    return '\u65e5\u671f\u4e0d\u8be6';\n                }\n                \n                \/\/ \u8ba1\u7b97\u65f6\u95f4\u5dee\n                const now = new Date();\n                const diffTime = Math.abs(now - date);\n                const diffDays = Math.floor(diffTime \/ (1000 * 60 * 60 * 24));\n                \n                \/\/ \u5982\u679c\u662f\u4eca\u5929\n                if (diffDays === 0) {\n                    const diffHours = Math.floor(diffTime \/ (1000 * 60 * 60));\n                    if (diffHours < 1) {\n                        const diffMinutes = Math.floor(diffTime \/ (1000 * 60));\n                        return `${diffMinutes}\u5206\u949f\u524d`;\n                    }\n                    return `${diffHours}\u5c0f\u65f6\u524d`;\n                }\n                \n                \/\/ \u5982\u679c\u662f\u6628\u5929\n                if (diffDays === 1) {\n                    return '\u6628\u5929';\n                }\n                \n                \/\/ \u5982\u679c\u662f7\u5929\u5185\n                if (diffDays < 7) {\n                    return `${diffDays}\u5929\u524d`;\n                }\n                \n                \/\/ \u5426\u5219\u663e\u793a\u6708\u65e5\n                const month = date.getMonth() + 1;\n                const day = date.getDate();\n                return `${month}\u6708${day}\u65e5`;\n                \n            } catch (e) {\n                console.warn('\u65e5\u671f\u683c\u5f0f\u5316\u5931\u8d25:', dateString);\n                return '\u65e5\u671f\u4e0d\u8be6';\n            }\n        }\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u516c\u53f8\u65b0\u95fb \u5929\u6cb3\u524d\u6cbf\u8d44\u8baf \u79d1\u6280\u65b0\u95fb\u4e2d\u5fc3 \u4e0a\u4e00\u9875 \u4e0b\u4e00\u9875<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2027,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-company-news.php","meta":{"_acf_changed":false,"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-2068","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u516c\u53f8\u65b0\u95fb - \u5929\u6cb3\u79d1\u6280<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sdthkj.com\/?page_id=2068\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u516c\u53f8\u65b0\u95fb - \u5929\u6cb3\u79d1\u6280\" \/>\n<meta property=\"og:description\" content=\"\u516c\u53f8\u65b0\u95fb \u5929\u6cb3\u524d\u6cbf\u8d44\u8baf \u79d1\u6280\u65b0\u95fb\u4e2d\u5fc3 \u4e0a\u4e00\u9875 \u4e0b\u4e00\u9875\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sdthkj.com\/?page_id=2068\" \/>\n<meta property=\"og:site_name\" content=\"\u5929\u6cb3\u79d1\u6280\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-10T01:58:47+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sdthkj.com\/?page_id=2068\",\"url\":\"https:\/\/sdthkj.com\/?page_id=2068\",\"name\":\"\u516c\u53f8\u65b0\u95fb - \u5929\u6cb3\u79d1\u6280\",\"isPartOf\":{\"@id\":\"https:\/\/sdthkj.com\/#website\"},\"datePublished\":\"2025-12-01T09:30:18+00:00\",\"dateModified\":\"2026-03-10T01:58:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sdthkj.com\/?page_id=2068#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sdthkj.com\/?page_id=2068\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sdthkj.com\/?page_id=2068#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/sdthkj.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u65b0\u95fb\u4e2d\u5fc3\",\"item\":\"https:\/\/sdthkj.com\/?page_id=2027\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u516c\u53f8\u65b0\u95fb\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sdthkj.com\/#website\",\"url\":\"https:\/\/sdthkj.com\/\",\"name\":\"\u5929\u6cb3\u79d1\u6280\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/sdthkj.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sdthkj.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/sdthkj.com\/#organization\",\"name\":\"\u5929\u6cb3\u79d1\u6280\",\"url\":\"https:\/\/sdthkj.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/sdthkj.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/sdthkj.com\/wp-content\/uploads\/2025\/12\/\u5929\u6cb3\u79d1\u6280logo\u63cf\u8fb9-scaled.png\",\"contentUrl\":\"https:\/\/sdthkj.com\/wp-content\/uploads\/2025\/12\/\u5929\u6cb3\u79d1\u6280logo\u63cf\u8fb9-scaled.png\",\"width\":2560,\"height\":690,\"caption\":\"\u5929\u6cb3\u79d1\u6280\"},\"image\":{\"@id\":\"https:\/\/sdthkj.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u516c\u53f8\u65b0\u95fb - \u5929\u6cb3\u79d1\u6280","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sdthkj.com\/?page_id=2068","og_locale":"zh_CN","og_type":"article","og_title":"\u516c\u53f8\u65b0\u95fb - \u5929\u6cb3\u79d1\u6280","og_description":"\u516c\u53f8\u65b0\u95fb \u5929\u6cb3\u524d\u6cbf\u8d44\u8baf \u79d1\u6280\u65b0\u95fb\u4e2d\u5fc3 \u4e0a\u4e00\u9875 \u4e0b\u4e00\u9875","og_url":"https:\/\/sdthkj.com\/?page_id=2068","og_site_name":"\u5929\u6cb3\u79d1\u6280","article_modified_time":"2026-03-10T01:58:47+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"1 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sdthkj.com\/?page_id=2068","url":"https:\/\/sdthkj.com\/?page_id=2068","name":"\u516c\u53f8\u65b0\u95fb - \u5929\u6cb3\u79d1\u6280","isPartOf":{"@id":"https:\/\/sdthkj.com\/#website"},"datePublished":"2025-12-01T09:30:18+00:00","dateModified":"2026-03-10T01:58:47+00:00","breadcrumb":{"@id":"https:\/\/sdthkj.com\/?page_id=2068#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sdthkj.com\/?page_id=2068"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sdthkj.com\/?page_id=2068#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/sdthkj.com\/"},{"@type":"ListItem","position":2,"name":"\u65b0\u95fb\u4e2d\u5fc3","item":"https:\/\/sdthkj.com\/?page_id=2027"},{"@type":"ListItem","position":3,"name":"\u516c\u53f8\u65b0\u95fb"}]},{"@type":"WebSite","@id":"https:\/\/sdthkj.com\/#website","url":"https:\/\/sdthkj.com\/","name":"\u5929\u6cb3\u79d1\u6280","description":"","publisher":{"@id":"https:\/\/sdthkj.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sdthkj.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":"Organization","@id":"https:\/\/sdthkj.com\/#organization","name":"\u5929\u6cb3\u79d1\u6280","url":"https:\/\/sdthkj.com\/","logo":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/sdthkj.com\/#\/schema\/logo\/image\/","url":"https:\/\/sdthkj.com\/wp-content\/uploads\/2025\/12\/\u5929\u6cb3\u79d1\u6280logo\u63cf\u8fb9-scaled.png","contentUrl":"https:\/\/sdthkj.com\/wp-content\/uploads\/2025\/12\/\u5929\u6cb3\u79d1\u6280logo\u63cf\u8fb9-scaled.png","width":2560,"height":690,"caption":"\u5929\u6cb3\u79d1\u6280"},"image":{"@id":"https:\/\/sdthkj.com\/#\/schema\/logo\/image\/"}}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sdthkj.com\/index.php?rest_route=\/wp\/v2\/pages\/2068","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdthkj.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sdthkj.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sdthkj.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdthkj.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2068"}],"version-history":[{"count":28,"href":"https:\/\/sdthkj.com\/index.php?rest_route=\/wp\/v2\/pages\/2068\/revisions"}],"predecessor-version":[{"id":3667,"href":"https:\/\/sdthkj.com\/index.php?rest_route=\/wp\/v2\/pages\/2068\/revisions\/3667"}],"up":[{"embeddable":true,"href":"https:\/\/sdthkj.com\/index.php?rest_route=\/wp\/v2\/pages\/2027"}],"wp:attachment":[{"href":"https:\/\/sdthkj.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2068"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}