TrendRadar

Overview Schema Related Servers Score Discussions

当日汇总.html•61.4 KiB


    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>热点新闻分析</title>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js" integrity="sha512-BNaRQnYJYiPSqHHDb58B0yaPfCu+Wgds8Gp/gU33kqBtgNS4tSPHuGibyoeqMV/TJlSKda6FXzoEyYGjTe+vXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
        <style>
            * { box-sizing: border-box; }
            body { 
                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
                margin: 0; 
                padding: 16px; 
                background: #fafafa;
                color: #333;
                line-height: 1.5;
            }
            
            .container {
                max-width: 600px;
                margin: 0 auto;
                background: white;
                border-radius: 12px;
                overflow: hidden;
                box-shadow: 0 2px 16px rgba(0,0,0,0.06);
            }
            
            .header {
                background: linear-gradient(135deg, #7a72ff 0%, #3aafed 100%);
                color: #fff;
                padding: 32px 24px;
                text-align: center;
                position: relative;
            }
            
            .save-buttons {
                position: absolute;
                top: 16px;
                right: 16px;
                display: flex;
                gap: 8px;
            }
            
            .save-btn {
                background: rgba(255, 255, 255, 0.2);
                border: 1px solid rgba(255, 255, 255, 0.3);
                color: white;
                padding: 8px 16px;
                border-radius: 6px;
                cursor: pointer;
                font-size: 13px;
                font-weight: 500;
                transition: all 0.2s ease;
                backdrop-filter: blur(10px);
                white-space: nowrap;
            }
            
            .save-btn:hover {
                background: rgba(255, 255, 255, 0.3);
                border-color: rgba(255, 255, 255, 0.5);
                transform: translateY(-1px);
            }
            
            .save-btn:active {
                transform: translateY(0);
            }
            
            .save-btn:disabled {
                opacity: 0.6;
                cursor: not-allowed;
            }
            
            .header-title {
                font-size: 22px;
                font-weight: 700;
                margin: 0 0 20px 0;
            }
            
            .header-info {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 16px;
                font-size: 14px;
                opacity: 0.95;
            }
            
            .info-item {
                text-align: center;
            }
            
            .info-label {
                display: block;
                font-size: 12px;
                opacity: 0.8;
                margin-bottom: 4px;
            }
            
            .info-value {
                font-weight: 600;
                font-size: 16px;
            }
            
            .content {
                padding: 24px;
            }
            
            .word-group {
                margin-bottom: 40px;
            }
            
            .word-group:first-child {
                margin-top: 0;
            }
            
            .word-header {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 20px;
                padding-bottom: 8px;
                border-bottom: 1px solid #f0f0f0;
            }
            
            .word-info {
                display: flex;
                align-items: center;
                gap: 12px;
            }
            
            .word-name {
                font-size: 17px;
                font-weight: 600;
                color: #1a1a1a;
            }
            
            .word-count {
                color: #666;
                font-size: 13px;
                font-weight: 500;
            }
            
            .word-count.hot { color: #dc2626; font-weight: 600; }
            .word-count.warm { color: #ea580c; font-weight: 600; }
            
            .word-index {
                color: #999;
                font-size: 12px;
            }
            
            .news-item {
                margin-bottom: 20px;
                padding: 16px 0;
                border-bottom: 1px solid #f5f5f5;
                position: relative;
                display: flex;
                gap: 12px;
                align-items: center;
            }
            
            .news-item:last-child {
                border-bottom: none;
            }
            
            .news-item.new::after {
                content: "NEW";
                position: absolute;
                top: 12px;
                right: 0;
                background: #fbbf24;
                color: #92400e;
                font-size: 9px;
                font-weight: 700;
                padding: 3px 6px;
                border-radius: 4px;
                letter-spacing: 0.5px;
            }
            
            .news-number {
                color: #999;
                font-size: 13px;
                font-weight: 600;
                min-width: 20px;
                text-align: center;
                flex-shrink: 0;
                background: #f8f9fa;
                border-radius: 50%;
                width: 24px;
                height: 24px;
                display: flex;
                align-items: center;
                justify-content: center;
                align-self: flex-start;
                margin-top: 8px;
            }
            
            .news-content {
                flex: 1;
                min-width: 0;
                padding-right: 40px;
            }
            
            .news-item.new .news-content {
                padding-right: 50px;
            }
            
            .news-header {
                display: flex;
                align-items: center;
                gap: 8px;
                margin-bottom: 8px;
                flex-wrap: wrap;
            }
            
            .source-name {
                color: #666;
                font-size: 12px;
                font-weight: 500;
            }
            
            .rank-num {
                color: #fff;
                background: #6b7280;
                font-size: 10px;
                font-weight: 700;
                padding: 2px 6px;
                border-radius: 10px;
                min-width: 18px;
                text-align: center;
            }
            
            .rank-num.top { background: #dc2626; }
            .rank-num.high { background: #ea580c; }
            
            .time-info {
                color: #999;
                font-size: 11px;
            }
            
            .count-info {
                color: #059669;
                font-size: 11px;
                font-weight: 500;
            }
            
            .news-title {
                font-size: 15px;
                line-height: 1.4;
                color: #1a1a1a;
                margin: 0;
            }
            
            .news-link {
                color: #2563eb;
                text-decoration: none;
            }
            
            .news-link:hover {
                text-decoration: underline;
            }
            
            .news-link:visited {
                color: #7c3aed;
            }

            .topic-trend-section {
                margin-top: 40px;
                padding-top: 24px;
                border-top: 2px solid #f0f0f0;
            }
            
            .topic-trend-title {
                color: #1a1a1a;
                font-size: 16px;
                font-weight: 600;
                margin: 0 0 20px 0;
            }

            .viral-topic-item {
                padding: 16px 0;
                border-bottom: 1px solid #f5f5f5;
            }
            .viral-topic-item:last-child {
                border-bottom: none;
            }
            .viral-topic-header {
                display: flex;
                align-items: center;
                gap: 12px;
                margin-bottom: 12px;
            }
            .viral-topic-keyword {
                font-size: 16px;
                font-weight: 600;
            }
            
            .topic-item {
                display: flex;
                align-items: center;
                gap: 12px;
                padding: 8px 0;
                border-bottom: 1px solid #f9f9f9;
            }
            .topic-item:last-child {
                border-bottom: none;
            }

            .viral-topic-stats {
                font-size: 12px;
                color: #666;
            }
            .viral-topic-stats .new { color: #dc2626; font-weight: bold; }
            .viral-topic-stats .up { color: #f59e0b; font-weight: bold; }
            .viral-topic-stats .level-high { color: #dc2626; font-weight: bold; }
            .viral-topic-stats .level-mid { color: #f59e0b; font-weight: bold; }

            .viral-sample-titles {
                list-style: none;
                padding-left: 16px;
                margin: 0;
                font-size: 13px;
            }
            .viral-sample-titles li {
                color: #666;
                padding: 4px 0;
                position: relative;
            }
            .viral-sample-titles li::before { content: '▪'; position: absolute; left: -14px; color: #ccc; }
            
            .new-section {
                margin-top: 40px;
                padding-top: 24px;
                border-top: 2px solid #f0f0f0;
            }
            
            .new-section-title {
                color: #1a1a1a;
                font-size: 16px;
                font-weight: 600;
                margin: 0 0 20px 0;
            }
            
            .new-source-group {
                margin-bottom: 24px;
            }
            
            .new-source-title {
                color: #666;
                font-size: 13px;
                font-weight: 500;
                margin: 0 0 12px 0;
                padding-bottom: 6px;
                border-bottom: 1px solid #f5f5f5;
            }
            
            .new-item {
                display: flex;
                align-items: center;
                gap: 12px;
                padding: 8px 0;
                border-bottom: 1px solid #f9f9f9;
            }
            
            .new-item:last-child {
                border-bottom: none;
            }
            
            .new-item-number {
                color: #999;
                font-size: 12px;
                font-weight: 600;
                min-width: 18px;
                text-align: center;
                flex-shrink: 0;
                background: #f8f9fa;
                border-radius: 50%;
                width: 20px;
                height: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            
            .new-item-rank {
                color: #fff;
                background: #6b7280;
                font-size: 10px;
                font-weight: 700;
                padding: 3px 6px;
                border-radius: 8px;
                min-width: 20px;
                text-align: center;
                flex-shrink: 0;
            }
            
            .new-item-rank.top { background: #dc2626; }
            .new-item-rank.high { background: #ea580c; }
            
            .new-item-content {
                flex: 1;
                min-width: 0;
            }
            
            .new-item-title {
                font-size: 14px;
                line-height: 1.4;
                color: #1a1a1a;
                margin: 0;
            }
            
            .error-section {
                background: #fef2f2;
                border: 1px solid #fecaca;
                border-radius: 8px;
                padding: 16px;
                margin-bottom: 24px;
            }
            
            .error-title {
                color: #dc2626;
                font-size: 14px;
                font-weight: 600;
                margin: 0 0 8px 0;
            }
            
            .error-list {
                list-style: none;
                padding: 0;
                margin: 0;
            }
            
            .error-item {
                color: #991b1b;
                font-size: 13px;
                padding: 2px 0;
                font-family: 'SF Mono', Consolas, monospace;
            }
            
            .footer {
                margin-top: 32px;
                padding: 20px 24px;
                background: #f8f9fa;
                border-top: 1px solid #e5e7eb;
                text-align: center;
            }
            
            .footer-content {
                font-size: 13px;
                color: #6b7280;
                line-height: 1.6;
            }
            
            .footer-link {
                color: #4f46e5;
                text-decoration: none;
                font-weight: 500;
                transition: color 0.2s ease;
            }
            
            .footer-link:hover {
                color: #7c3aed;
                text-decoration: underline;
            }
            
            .project-name {
                font-weight: 600;
                color: #374151;
            }
            
            @media (max-width: 480px) {
                body { padding: 12px; }
                .header { padding: 24px 20px; }
                .content { padding: 20px; }
                .footer { padding: 16px 20px; }
                .header-info { grid-template-columns: 1fr; gap: 12px; }
                .news-header { gap: 6px; }
                .news-content { padding-right: 45px; }
                .news-item { gap: 8px; }
                .new-item { gap: 8px; }
                .news-number { width: 20px; height: 20px; font-size: 12px; }
                .save-buttons {
                    position: static;
                    margin-bottom: 16px;
                    display: flex;
                    gap: 8px;
                    justify-content: center;
                    flex-direction: column;
                    width: 100%;
                }
                .save-btn {
                    width: 100%;
                }
            }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="header">
                <div class="save-buttons">
                    <button class="save-btn" onclick="saveAsImage()">保存为图片</button>
                    <button class="save-btn" onclick="saveAsMultipleImages()">分段保存</button>
                </div>
                <div class="header-title">热点新闻分析</div>
                <div class="header-info">
                    <div class="info-item">
                        <span class="info-label">报告类型</span>
                        <span class="info-value">当日汇总</span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">新闻总数</span>
                        <span class="info-value">685 条</span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">热点新闻</span>
                        <span class="info-value">28 条</span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">生成时间</span>
                        <span class="info-value">02-14 20:37</span>
                    </div>
                </div>
            </div>
            
            <div class="content">
                <div class="word-group">
                    <div class="word-header">
                        <div class="word-info">
                            <div class="word-name">ai 人工智能</div>
                            <div class="word-count hot">19 条</div>
                        </div>
                        <div class="word-index">1/6</div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">1</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">财联社热门</span><span class="rank-num top">1-4</span><span class="time-info">09时42分~14时38分</span><span class="count-info">2次</span>
                            </div>
                            <div class="news-title"><a href="https://www.cls.cn/detail/2290109" target="_blank" class="news-link">美股收盘：通胀降温难抵AI忧虑 三大指数周线齐跌</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">2</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">贴吧</span><span class="rank-num top">1-5</span><span class="time-info">14时38分~20时37分</span><span class="count-info">2次</span>
                            </div>
                            <div class="news-title"><a href="https://tieba.baidu.com/hottopic/browse/hottopic?topic_id=28350684&amp;amp;topic_name=AI%E6%97%A0%E8%A7%86%E7%89%88%E6%9D%83%2C%E8%80%81%E5%A4%96%E9%9B%86%E7%81%AB%E5%9B%B4%E6%AE%B4" target="_blank" class="news-link">AI无视版权,老外集火围殴</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">3</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">今日头条</span><span class="rank-num top">1</span><span class="time-info">02时40分</span>
                            </div>
                            <div class="news-title"><a href="https://www.toutiao.com/trending/7605526928975659054/" target="_blank" class="news-link">小伙5个月用AI做120多个App</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">4</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">华尔街见闻</span><span class="rank-num top">1</span><span class="time-info">02时40分</span>
                            </div>
                            <div class="news-title"><a href="https://wallstreetcn.com/articles/3765553" target="_blank" class="news-link">CPI前AI恐慌升级，纳指跌超2%，美债走强，人民币三年新高，黄金失守5000美元，白银跳水11%</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item new">
                        <div class="news-number">5</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">贴吧</span><span class="rank-num top">1</span><span class="time-info">20时37分</span>
                            </div>
                            <div class="news-title"><a href="https://tieba.baidu.com/hottopic/browse/hottopic?topic_id=28350710&amp;amp;topic_name=AI%E5%A5%B3%E5%89%AF%E6%80%BB%E5%9B%A0%E5%8F%8D%E8%89%B2%E6%83%85%E8%A2%AB%E7%82%92%E9%B1%BF%E9%B1%BC" target="_blank" class="news-link">AI女副总因反色情被炒鱿鱼</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item new">
                        <div class="news-number">6</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">华尔街见闻</span><span class="rank-num high">4</span><span class="time-info">20时37分</span>
                            </div>
                            <div class="news-title"><a href="https://wallstreetcn.com/articles/3765723" target="_blank" class="news-link">“我们正在目睹一场AI创造性破坏席卷全球各行各业”！高盛合伙人：本质上，这是一次“护城河检查”</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">7</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">知乎</span><span class="rank-num top">2-6</span><span class="time-info">14时38分~20时37分</span><span class="count-info">2次</span>
                            </div>
                            <div class="news-title"><a href="https://www.zhihu.com/question/2005725246167147371" target="_blank" class="news-link">杭州一创业者开 1 人公司，团队完全由 AI 智能体组成，月入 200 万，真能挣这么多钱吗？</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">8</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">贴吧</span><span class="rank-num ">6-19</span><span class="time-info">02时40分~20时37分</span><span class="count-info">4次</span>
                            </div>
                            <div class="news-title"><a href="https://tieba.baidu.com/hottopic/browse/hottopic?topic_id=28350655&amp;amp;topic_name=%E8%80%81%E7%A0%81%E5%86%9C%E8%A3%81%E5%91%98%E7%90%86%E7%94%B1%2B1%3A%E8%A2%ABAI%E4%BC%98%E5%8C%96" target="_blank" class="news-link">老码农裁员理由+1:被AI优化</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">9</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">贴吧</span><span class="rank-num ">9-22</span><span class="time-info">02时40分~20时37分</span><span class="count-info">4次</span>
                            </div>
                            <div class="news-title"><a href="https://tieba.baidu.com/hottopic/browse/hottopic?topic_id=28350657&amp;amp;topic_name=AI%E6%95%B4%E6%B4%BB%E6%97%A0%E5%BA%95%E7%BA%BF%2C%E8%B5%9B%E6%96%87%E6%BC%94%E5%91%98%E6%80%A5%E4%BA%86" target="_blank" class="news-link">AI整活无底线,赛文演员急了</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">10</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">澎湃新闻</span><span class="rank-num ">16-20</span><span class="time-info">09时42分~20时37分</span><span class="count-info">3次</span>
                            </div>
                            <div class="news-title"><a href="https://m.thepaper.cn/newsDetail_forward_32603983" target="_blank" class="news-link">澎湃AI晚新闻丨2026年2月13日</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">11</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">百度热搜</span><span class="rank-num ">9-16</span><span class="time-info">09时42分~14时38分</span><span class="count-info">2次</span>
                            </div>
                            <div class="news-title"><a href="https://www.baidu.com/s?wd=%E5%B0%8F%E4%BC%995%E4%B8%AA%E6%9C%88%E7%94%A8AI%E5%81%9A120%E5%A4%9A%E4%B8%AAApp" target="_blank" class="news-link">小伙5个月用AI做120多个App</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">12</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">今日头条</span><span class="rank-num ">14-27</span><span class="time-info">02时40分~09时42分</span><span class="count-info">2次</span>
                            </div>
                            <div class="news-title"><a href="https://www.toutiao.com/trending/7606174592784158251/" target="_blank" class="news-link">一个2.6万亿AI独角兽诞生</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">13</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">华尔街见闻</span><span class="rank-num ">7</span><span class="time-info">02时40分</span>
                            </div>
                            <div class="news-title"><a href="https://wallstreetcn.com/articles/3765624" target="_blank" class="news-link">AI恐慌扩散，科技股再度拖垮美股，地产股连日重挫，苹果市值一日蒸发2000亿</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item new">
                        <div class="news-number">14</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">华尔街见闻</span><span class="rank-num ">7</span><span class="time-info">20时37分</span>
                            </div>
                            <div class="news-title"><a href="https://wallstreetcn.com/articles/3765719" target="_blank" class="news-link">能源、必选消费和美债领涨2026！华尔街的“AI交易”被“AI颠覆”了</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item new">
                        <div class="news-number">15</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">华尔街见闻</span><span class="rank-num ">9</span><span class="time-info">20时37分</span>
                            </div>
                            <div class="news-title"><a href="https://wallstreetcn.com/articles/3765728" target="_blank" class="news-link">如何理解开年全球市场？“可负担性”才是 2026 的总叙事：“主街”要赢一次，AI叙事巨变，日元是“关键”</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item new">
                        <div class="news-number">16</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">澎湃新闻</span><span class="rank-num ">9</span><span class="time-info">20时37分</span>
                            </div>
                            <div class="news-title"><a href="https://m.thepaper.cn/newsDetail_forward_32604363" target="_blank" class="news-link">马上评｜AI时代，让我们更懂年味</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">17</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">华尔街见闻</span><span class="rank-num ">10</span><span class="time-info">02时40分</span>
                            </div>
                            <div class="news-title"><a href="https://wallstreetcn.com/articles/3765637" target="_blank" class="news-link">加剧AI恐慌！微软高管：大多数白领工作将在“未来12-18个月内”完全自动化</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item new">
                        <div class="news-number">18</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">知乎</span><span class="rank-num ">15</span><span class="time-info">20时37分</span>
                            </div>
                            <div class="news-title"><a href="https://www.zhihu.com/question/2003986885089981631" target="_blank" class="news-link">2026 年春节 AI 红包大战预计烧掉 45 亿，真的能让用户接受 AI 智能成为日常生活的标配吗？</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">19</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">抖音</span><span class="rank-num ">19</span><span class="time-info">02时40分</span>
                            </div>
                            <div class="news-title"><a href="https://www.douyin.com/hot/2398167" target="_blank" class="news-link">Seedance2.0展示中国AI潜力</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="word-group">
                    <div class="word-header">
                        <div class="word-info">
                            <div class="word-name">英伟达 NVIDIA 黄仁勋</div>
                            <div class="word-count ">3 条</div>
                        </div>
                        <div class="word-index">2/6</div>
                    </div>
                    <div class="news-item new">
                        <div class="news-number">1</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">财联社热门</span><span class="rank-num ">6</span><span class="time-info">20时37分</span>
                            </div>
                            <div class="news-title"><a href="https://www.cls.cn/detail/2290296" target="_blank" class="news-link">美股轮动之际：黄仁勋跌出全球十大富翁之列 沃尔玛三兄妹进入排行</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item new">
                        <div class="news-number">2</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">今日头条</span><span class="rank-num ">18</span><span class="time-info">20时37分</span>
                            </div>
                            <div class="news-title"><a href="https://www.toutiao.com/trending/7605695309217529882/" target="_blank" class="news-link">黄仁勋跌出全球富豪榜前十</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item new">
                        <div class="news-number">3</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">百度热搜</span><span class="rank-num ">19</span><span class="time-info">20时37分</span>
                            </div>
                            <div class="news-title"><a href="https://www.baidu.com/s?wd=%E9%BB%84%E4%BB%81%E5%8B%8B%E8%B7%8C%E5%87%BA%E5%85%A8%E7%90%83%E5%AF%8C%E8%B1%AA%E6%A6%9C%E5%89%8D%E5%8D%81" target="_blank" class="news-link">黄仁勋跌出全球富豪榜前十</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="word-group">
                    <div class="word-header">
                        <div class="word-info">
                            <div class="word-name">特斯拉 马斯克</div>
                            <div class="word-count ">2 条</div>
                        </div>
                        <div class="word-index">3/6</div>
                    </div>
                    <div class="news-item new">
                        <div class="news-number">1</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">知乎</span><span class="rank-num ">9</span><span class="time-info">20时37分</span>
                            </div>
                            <div class="news-title"><a href="https://www.zhihu.com/question/2005195369848463617" target="_blank" class="news-link">特斯拉副总裁宣布离职，此前吴宇怀等多名骨干先后离开，如何评价特斯拉这轮「离职潮」？会带来哪些影响？</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">2</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">财联社热门</span><span class="rank-num ">12</span><span class="time-info">14时38分</span>
                            </div>
                            <div class="news-title"><a href="https://www.cls.cn/detail/2290089" target="_blank" class="news-link">SpaceX据悉拟采用双重股权结构进行IPO 马斯克或掌“超级投票权”</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="word-group">
                    <div class="word-header">
                        <div class="word-info">
                            <div class="word-name">股票 A股 上证 深证</div>
                            <div class="word-count ">2 条</div>
                        </div>
                        <div class="word-index">4/6</div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">1</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">财联社热门</span><span class="rank-num top">1-2</span><span class="time-info">14时38分~20时37分</span><span class="count-info">2次</span>
                            </div>
                            <div class="news-title"><a href="https://www.cls.cn/detail/2289993" target="_blank" class="news-link">本周披露并购重组进展的A股名单一览 1200亿算力概念股在列</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">2</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">财联社热门</span><span class="rank-num top">3-7</span><span class="time-info">14时38分~20时37分</span><span class="count-info">2次</span>
                            </div>
                            <div class="news-title"><a href="https://www.cls.cn/detail/2290257" target="_blank" class="news-link">A股蛇年十大牛股盘点：上纬新材以超25倍涨幅夺魁 商业航天龙头赫然在列</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="word-group">
                    <div class="word-header">
                        <div class="word-info">
                            <div class="word-name">谷歌 google</div>
                            <div class="word-count ">1 条</div>
                        </div>
                        <div class="word-index">5/6</div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">1</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">财联社热门</span><span class="rank-num ">9-10</span><span class="time-info">14时38分~20时37分</span><span class="count-info">2次</span>
                            </div>
                            <div class="news-title"><a href="https://www.cls.cn/detail/2290186" target="_blank" class="news-link">1月市场份额再度攀升！Grok和谷歌Gemini瓜分ChatGPT丢失的市场</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="word-group">
                    <div class="word-header">
                        <div class="word-info">
                            <div class="word-name">芯片 光刻机 光模块</div>
                            <div class="word-count ">1 条</div>
                        </div>
                        <div class="word-index">6/6</div>
                    </div>
                    <div class="news-item new">
                        <div class="news-number">1</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">财联社热门</span><span class="rank-num ">8</span><span class="time-info">20时37分</span>
                            </div>
                            <div class="news-title"><a href="https://www.cls.cn/detail/2290317" target="_blank" class="news-link">近一个月这些上市公司被“踏破门槛”！芯片股获机构组团调研，机构来访接待量居前的个股名单一览</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="new-section">
                    <div class="new-section-title">本次新增热点 (共 11 条)</div>
                    <div class="new-source-group">
                        <div class="new-source-title">今日头条 · 1条</div>
                        <div class="new-item">
                            <div class="new-item-number">1</div>
                            <div class="new-item-rank ">18</div>
                            <div class="new-item-content">
                                <div class="new-item-title"><a href="https://www.toutiao.com/trending/7605695309217529882/" target="_blank" class="news-link">黄仁勋跌出全球富豪榜前十</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="new-source-group">
                        <div class="new-source-title">百度热搜 · 1条</div>
                        <div class="new-item">
                            <div class="new-item-number">1</div>
                            <div class="new-item-rank ">19</div>
                            <div class="new-item-content">
                                <div class="new-item-title"><a href="https://www.baidu.com/s?wd=%E9%BB%84%E4%BB%81%E5%8B%8B%E8%B7%8C%E5%87%BA%E5%85%A8%E7%90%83%E5%AF%8C%E8%B1%AA%E6%A6%9C%E5%89%8D%E5%8D%81" target="_blank" class="news-link">黄仁勋跌出全球富豪榜前十</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="new-source-group">
                        <div class="new-source-title">华尔街见闻 · 3条</div>
                        <div class="new-item">
                            <div class="new-item-number">1</div>
                            <div class="new-item-rank high">4</div>
                            <div class="new-item-content">
                                <div class="new-item-title"><a href="https://wallstreetcn.com/articles/3765723" target="_blank" class="news-link">“我们正在目睹一场AI创造性破坏席卷全球各行各业”！高盛合伙人：本质上，这是一次“护城河检查”</a>
                                </div>
                            </div>
                        </div>
                        <div class="new-item">
                            <div class="new-item-number">2</div>
                            <div class="new-item-rank ">7</div>
                            <div class="new-item-content">
                                <div class="new-item-title"><a href="https://wallstreetcn.com/articles/3765719" target="_blank" class="news-link">能源、必选消费和美债领涨2026！华尔街的“AI交易”被“AI颠覆”了</a>
                                </div>
                            </div>
                        </div>
                        <div class="new-item">
                            <div class="new-item-number">3</div>
                            <div class="new-item-rank ">9</div>
                            <div class="new-item-content">
                                <div class="new-item-title"><a href="https://wallstreetcn.com/articles/3765728" target="_blank" class="news-link">如何理解开年全球市场？“可负担性”才是 2026 的总叙事：“主街”要赢一次，AI叙事巨变，日元是“关键”</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="new-source-group">
                        <div class="new-source-title">澎湃新闻 · 1条</div>
                        <div class="new-item">
                            <div class="new-item-number">1</div>
                            <div class="new-item-rank ">9</div>
                            <div class="new-item-content">
                                <div class="new-item-title"><a href="https://m.thepaper.cn/newsDetail_forward_32604363" target="_blank" class="news-link">马上评｜AI时代，让我们更懂年味</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="new-source-group">
                        <div class="new-source-title">财联社热门 · 2条</div>
                        <div class="new-item">
                            <div class="new-item-number">1</div>
                            <div class="new-item-rank ">6</div>
                            <div class="new-item-content">
                                <div class="new-item-title"><a href="https://www.cls.cn/detail/2290296" target="_blank" class="news-link">美股轮动之际：黄仁勋跌出全球十大富翁之列 沃尔玛三兄妹进入排行</a>
                                </div>
                            </div>
                        </div>
                        <div class="new-item">
                            <div class="new-item-number">2</div>
                            <div class="new-item-rank ">8</div>
                            <div class="new-item-content">
                                <div class="new-item-title"><a href="https://www.cls.cn/detail/2290317" target="_blank" class="news-link">近一个月这些上市公司被“踏破门槛”！芯片股获机构组团调研，机构来访接待量居前的个股名单一览</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="new-source-group">
                        <div class="new-source-title">贴吧 · 1条</div>
                        <div class="new-item">
                            <div class="new-item-number">1</div>
                            <div class="new-item-rank top">1</div>
                            <div class="new-item-content">
                                <div class="new-item-title"><a href="https://tieba.baidu.com/hottopic/browse/hottopic?topic_id=28350710&amp;amp;topic_name=AI%E5%A5%B3%E5%89%AF%E6%80%BB%E5%9B%A0%E5%8F%8D%E8%89%B2%E6%83%85%E8%A2%AB%E7%82%92%E9%B1%BF%E9%B1%BC" target="_blank" class="news-link">AI女副总因反色情被炒鱿鱼</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="new-source-group">
                        <div class="new-source-title">知乎 · 2条</div>
                        <div class="new-item">
                            <div class="new-item-number">1</div>
                            <div class="new-item-rank ">9</div>
                            <div class="new-item-content">
                                <div class="new-item-title"><a href="https://www.zhihu.com/question/2005195369848463617" target="_blank" class="news-link">特斯拉副总裁宣布离职，此前吴宇怀等多名骨干先后离开，如何评价特斯拉这轮「离职潮」？会带来哪些影响？</a>
                                </div>
                            </div>
                        </div>
                        <div class="new-item">
                            <div class="new-item-number">2</div>
                            <div class="new-item-rank ">15</div>
                            <div class="new-item-content">
                                <div class="new-item-title"><a href="https://www.zhihu.com/question/2003986885089981631" target="_blank" class="news-link">2026 年春节 AI 红包大战预计烧掉 45 亿，真的能让用户接受 AI 智能成为日常生活的标配吗？</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="footer">
                <div class="footer-content">
                </div>
            </div>
        </div>
        <script>
            async function saveAsImage() {
                const button = event.target;
                const originalText = button.textContent;
                
                try {
                    button.textContent = '生成中...';
                    button.disabled = true;
                    window.scrollTo(0, 0);
                    
                    // 等待页面稳定
                    await new Promise(resolve => setTimeout(resolve, 200));
                    
                    // 截图前隐藏按钮
                    const buttons = document.querySelector('.save-buttons');
                    buttons.style.visibility = 'hidden';
                    
                    // 再次等待确保按钮完全隐藏
                    await new Promise(resolve => setTimeout(resolve, 100));
                    
                    const container = document.querySelector('.container');
                    
                    const canvas = await html2canvas(container, {
                        backgroundColor: '#ffffff',
                        scale: 1.5,
                        useCORS: true,
                        allowTaint: false,
                        imageTimeout: 10000,
                        removeContainer: false,
                        foreignObjectRendering: false,
                        logging: false,
                        width: container.offsetWidth,
                        height: container.offsetHeight,
                        x: 0,
                        y: 0,
                        scrollX: 0,
                        scrollY: 0,
                        windowWidth: window.innerWidth,
                        windowHeight: window.innerHeight
                    });
                    
                    buttons.style.visibility = 'visible';
                    
                    const link = document.createElement('a');
                    const now = new Date();
                    const filename = `TrendRadar_热点新闻分析_${now.getFullYear()}${String(now.getMonth() + 1).padStart(2, '0')}${String(now.getDate()).padStart(2, '0')}_${String(now.getHours()).padStart(2, '0')}${String(now.getMinutes()).padStart(2, '0')}.png`;
                    
                    link.download = filename;
                    link.href = canvas.toDataURL('image/png', 1.0);
                    
                    // 触发下载
                    document.body.appendChild(link);
                    link.click();
                    document.body.removeChild(link);
                    
                    button.textContent = '保存成功!';
                    setTimeout(() => {
                        button.textContent = originalText;
                        button.disabled = false;
                    }, 2000);
                    
                } catch (error) {
                    const buttons = document.querySelector('.save-buttons');
                    buttons.style.visibility = 'visible';
                    button.textContent = '保存失败';
                    setTimeout(() => {
                        button.textContent = originalText;
                        button.disabled = false;
                    }, 2000);
                }
            }
            
            async function saveAsMultipleImages() {
                const button = event.target;
                const originalText = button.textContent;
                const container = document.querySelector('.container');
                const scale = 1.5; 
                const maxHeight = 5000 / scale;
                
                try {
                    button.textContent = '分析中...';
                    button.disabled = true;
                    
                    // 获取所有可能的分割元素
                    const newsItems = Array.from(container.querySelectorAll('.news-item'));
                    const wordGroups = Array.from(container.querySelectorAll('.word-group'));
                    const newSection = container.querySelector('.new-section');
                    const errorSection = container.querySelector('.error-section');
                    const header = container.querySelector('.header');
                    const footer = container.querySelector('.footer');
                    
                    // 计算元素位置和高度
                    const containerRect = container.getBoundingClientRect();
                    const elements = [];
                    
                    // 添加header作为必须包含的元素
                    elements.push({
                        type: 'header',
                        element: header,
                        top: 0,
                        bottom: header.offsetHeight,
                        height: header.offsetHeight
                    });
                    
                    // 添加错误信息（如果存在）
                    if (errorSection) {
                        const rect = errorSection.getBoundingClientRect();
                        elements.push({
                            type: 'error',
                            element: errorSection,
                            top: rect.top - containerRect.top,
                            bottom: rect.bottom - containerRect.top,
                            height: rect.height
                        });
                    }
                    
                    // 按word-group分组处理news-item
                    wordGroups.forEach(group => {
                        const groupRect = group.getBoundingClientRect();
                        const groupNewsItems = group.querySelectorAll('.news-item');
                        
                        // 添加word-group的header部分
                        const wordHeader = group.querySelector('.word-header');
                        if (wordHeader) {
                            const headerRect = wordHeader.getBoundingClientRect();
                            elements.push({
                                type: 'word-header',
                                element: wordHeader,
                                parent: group,
                                top: groupRect.top - containerRect.top,
                                bottom: headerRect.bottom - containerRect.top,
                                height: headerRect.height
                            });
                        }
                        
                        // 添加每个news-item
                        groupNewsItems.forEach(item => {
                            const rect = item.getBoundingClientRect();
                            elements.push({
                                type: 'news-item',
                                element: item,
                                parent: group,
                                top: rect.top - containerRect.top,
                                bottom: rect.bottom - containerRect.top,
                                height: rect.height
                            });
                        });
                    });
                    
                    // 添加新增新闻部分
                    if (newSection) {
                        const rect = newSection.getBoundingClientRect();
                        elements.push({
                            type: 'new-section',
                            element: newSection,
                            top: rect.top - containerRect.top,
                            bottom: rect.bottom - containerRect.top,
                            height: rect.height
                        });
                    }
                    
                    // 添加footer
                    const footerRect = footer.getBoundingClientRect();
                    elements.push({
                        type: 'footer',
                        element: footer,
                        top: footerRect.top - containerRect.top,
                        bottom: footerRect.bottom - containerRect.top,
                        height: footer.offsetHeight
                    });
                    
                    // 计算分割点
                    const segments = [];
                    let currentSegment = { start: 0, end: 0, height: 0, includeHeader: true };
                    let headerHeight = header.offsetHeight;
                    currentSegment.height = headerHeight;
                    
                    for (let i = 1; i < elements.length; i++) {
                        const element = elements[i];
                        const potentialHeight = element.bottom - currentSegment.start;
                        
                        // 检查是否需要创建新分段
                        if (potentialHeight > maxHeight && currentSegment.height > headerHeight) {
                            // 在前一个元素结束处分割
                            currentSegment.end = elements[i - 1].bottom;
                            segments.push(currentSegment);
                            
                            // 开始新分段
                            currentSegment = {
                                start: currentSegment.end,
                                end: 0,
                                height: element.bottom - currentSegment.end,
                                includeHeader: false
                            };
                        } else {
                            currentSegment.height = potentialHeight;
                            currentSegment.end = element.bottom;
                        }
                    }
                    
                    // 添加最后一个分段
                    if (currentSegment.height > 0) {
                        currentSegment.end = container.offsetHeight;
                        segments.push(currentSegment);
                    }
                    
                    button.textContent = `生成中 (0/${segments.length})...`;
                    
                    // 隐藏保存按钮
                    const buttons = document.querySelector('.save-buttons');
                    buttons.style.visibility = 'hidden';
                    
                    // 为每个分段生成图片
                    const images = [];
                    for (let i = 0; i < segments.length; i++) {
                        const segment = segments[i];
                        button.textContent = `生成中 (${i + 1}/${segments.length})...`;
                        
                        // 创建临时容器用于截图
                        const tempContainer = document.createElement('div');
                        tempContainer.style.cssText = `
                            position: absolute;
                            left: -9999px;
                            top: 0;
                            width: ${container.offsetWidth}px;
                            background: white;
                        `;
                        tempContainer.className = 'container';
                        
                        // 克隆容器内容
                        const clonedContainer = container.cloneNode(true);
                        
                        // 移除克隆内容中的保存按钮
                        const clonedButtons = clonedContainer.querySelector('.save-buttons');
                        if (clonedButtons) {
                            clonedButtons.style.display = 'none';
                        }
                        
                        tempContainer.appendChild(clonedContainer);
                        document.body.appendChild(tempContainer);
                        
                        // 等待DOM更新
                        await new Promise(resolve => setTimeout(resolve, 100));
                        
                        // 使用html2canvas截取特定区域
                        const canvas = await html2canvas(clonedContainer, {
                            backgroundColor: '#ffffff',
                            scale: scale,
                            useCORS: true,
                            allowTaint: false,
                            imageTimeout: 10000,
                            logging: false,
                            width: container.offsetWidth,
                            height: segment.end - segment.start,
                            x: 0,
                            y: segment.start,
                            windowWidth: window.innerWidth,
                            windowHeight: window.innerHeight
                        });
                        
                        images.push(canvas.toDataURL('image/png', 1.0));
                        
                        // 清理临时容器
                        document.body.removeChild(tempContainer);
                    }
                    
                    // 恢复按钮显示
                    buttons.style.visibility = 'visible';
                    
                    // 下载所有图片
                    const now = new Date();
                    const baseFilename = `TrendRadar_热点新闻分析_${now.getFullYear()}${String(now.getMonth() + 1).padStart(2, '0')}${String(now.getDate()).padStart(2, '0')}_${String(now.getHours()).padStart(2, '0')}${String(now.getMinutes()).padStart(2, '0')}`;
                    
                    for (let i = 0; i < images.length; i++) {
                        const link = document.createElement('a');
                        link.download = `${baseFilename}_part${i + 1}.png`;
                        link.href = images[i];
                        document.body.appendChild(link);
                        link.click();
                        document.body.removeChild(link);
                        
                        // 延迟一下避免浏览器阻止多个下载
                        await new Promise(resolve => setTimeout(resolve, 100));
                    }
                    
                    button.textContent = `已保存 ${segments.length} 张图片!`;
                    setTimeout(() => {
                        button.textContent = originalText;
                        button.disabled = false;
                    }, 2000);
                    
                } catch (error) {
                    console.error('分段保存失败:', error);
                    const buttons = document.querySelector('.save-buttons');
                    buttons.style.visibility = 'visible';
                    button.textContent = '保存失败';
                    setTimeout(() => {
                        button.textContent = originalText;
                        button.disabled = false;
                    }, 2000);
                }
            }
            
            document.addEventListener('DOMContentLoaded', function() {
                window.scrollTo(0, 0);
            });
        </script>
    </body>
    </html>

Loading blob content...

Latest Blog Posts

Redis vs ioredis vs valkey-glide
By punkpeye on January 26, 2026.
benchmark
Redis
valkey
Quickstart: Publish an MCP Server to the MCP Registry
By punkpeye on January 24, 2026.
mcp
official reference mirror
Official MCP Registry Server.json Requirements
By punkpeye on January 24, 2026.
mcp
official reference mirror

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/lizouzt/TrendRadar'

If you have feedback or need assistance with the MCP directory API, please join our Discord server

当日汇总.html•61.4 KiB


    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>热点新闻分析</title>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js" integrity="sha512-BNaRQnYJYiPSqHHDb58B0yaPfCu+Wgds8Gp/gU33kqBtgNS4tSPHuGibyoeqMV/TJlSKda6FXzoEyYGjTe+vXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
        <style>
            * { box-sizing: border-box; }
            body { 
                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
                margin: 0; 
                padding: 16px; 
                background: #fafafa;
                color: #333;
                line-height: 1.5;
            }
            
            .container {
                max-width: 600px;
                margin: 0 auto;
                background: white;
                border-radius: 12px;
                overflow: hidden;
                box-shadow: 0 2px 16px rgba(0,0,0,0.06);
            }
            
            .header {
                background: linear-gradient(135deg, #7a72ff 0%, #3aafed 100%);
                color: #fff;
                padding: 32px 24px;
                text-align: center;
                position: relative;
            }
            
            .save-buttons {
                position: absolute;
                top: 16px;
                right: 16px;
                display: flex;
                gap: 8px;
            }
            
            .save-btn {
                background: rgba(255, 255, 255, 0.2);
                border: 1px solid rgba(255, 255, 255, 0.3);
                color: white;
                padding: 8px 16px;
                border-radius: 6px;
                cursor: pointer;
                font-size: 13px;
                font-weight: 500;
                transition: all 0.2s ease;
                backdrop-filter: blur(10px);
                white-space: nowrap;
            }
            
            .save-btn:hover {
                background: rgba(255, 255, 255, 0.3);
                border-color: rgba(255, 255, 255, 0.5);
                transform: translateY(-1px);
            }
            
            .save-btn:active {
                transform: translateY(0);
            }
            
            .save-btn:disabled {
                opacity: 0.6;
                cursor: not-allowed;
            }
            
            .header-title {
                font-size: 22px;
                font-weight: 700;
                margin: 0 0 20px 0;
            }
            
            .header-info {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 16px;
                font-size: 14px;
                opacity: 0.95;
            }
            
            .info-item {
                text-align: center;
            }
            
            .info-label {
                display: block;
                font-size: 12px;
                opacity: 0.8;
                margin-bottom: 4px;
            }
            
            .info-value {
                font-weight: 600;
                font-size: 16px;
            }
            
            .content {
                padding: 24px;
            }
            
            .word-group {
                margin-bottom: 40px;
            }
            
            .word-group:first-child {
                margin-top: 0;
            }
            
            .word-header {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 20px;
                padding-bottom: 8px;
                border-bottom: 1px solid #f0f0f0;
            }
            
            .word-info {
                display: flex;
                align-items: center;
                gap: 12px;
            }
            
            .word-name {
                font-size: 17px;
                font-weight: 600;
                color: #1a1a1a;
            }
            
            .word-count {
                color: #666;
                font-size: 13px;
                font-weight: 500;
            }
            
            .word-count.hot { color: #dc2626; font-weight: 600; }
            .word-count.warm { color: #ea580c; font-weight: 600; }
            
            .word-index {
                color: #999;
                font-size: 12px;
            }
            
            .news-item {
                margin-bottom: 20px;
                padding: 16px 0;
                border-bottom: 1px solid #f5f5f5;
                position: relative;
                display: flex;
                gap: 12px;
                align-items: center;
            }
            
            .news-item:last-child {
                border-bottom: none;
            }
            
            .news-item.new::after {
                content: "NEW";
                position: absolute;
                top: 12px;
                right: 0;
                background: #fbbf24;
                color: #92400e;
                font-size: 9px;
                font-weight: 700;
                padding: 3px 6px;
                border-radius: 4px;
                letter-spacing: 0.5px;
            }
            
            .news-number {
                color: #999;
                font-size: 13px;
                font-weight: 600;
                min-width: 20px;
                text-align: center;
                flex-shrink: 0;
                background: #f8f9fa;
                border-radius: 50%;
                width: 24px;
                height: 24px;
                display: flex;
                align-items: center;
                justify-content: center;
                align-self: flex-start;
                margin-top: 8px;
            }
            
            .news-content {
                flex: 1;
                min-width: 0;
                padding-right: 40px;
            }
            
            .news-item.new .news-content {
                padding-right: 50px;
            }
            
            .news-header {
                display: flex;
                align-items: center;
                gap: 8px;
                margin-bottom: 8px;
                flex-wrap: wrap;
            }
            
            .source-name {
                color: #666;
                font-size: 12px;
                font-weight: 500;
            }
            
            .rank-num {
                color: #fff;
                background: #6b7280;
                font-size: 10px;
                font-weight: 700;
                padding: 2px 6px;
                border-radius: 10px;
                min-width: 18px;
                text-align: center;
            }
            
            .rank-num.top { background: #dc2626; }
            .rank-num.high { background: #ea580c; }
            
            .time-info {
                color: #999;
                font-size: 11px;
            }
            
            .count-info {
                color: #059669;
                font-size: 11px;
                font-weight: 500;
            }
            
            .news-title {
                font-size: 15px;
                line-height: 1.4;
                color: #1a1a1a;
                margin: 0;
            }
            
            .news-link {
                color: #2563eb;
                text-decoration: none;
            }
            
            .news-link:hover {
                text-decoration: underline;
            }
            
            .news-link:visited {
                color: #7c3aed;
            }

            .topic-trend-section {
                margin-top: 40px;
                padding-top: 24px;
                border-top: 2px solid #f0f0f0;
            }
            
            .topic-trend-title {
                color: #1a1a1a;
                font-size: 16px;
                font-weight: 600;
                margin: 0 0 20px 0;
            }

            .viral-topic-item {
                padding: 16px 0;
                border-bottom: 1px solid #f5f5f5;
            }
            .viral-topic-item:last-child {
                border-bottom: none;
            }
            .viral-topic-header {
                display: flex;
                align-items: center;
                gap: 12px;
                margin-bottom: 12px;
            }
            .viral-topic-keyword {
                font-size: 16px;
                font-weight: 600;
            }
            
            .topic-item {
                display: flex;
                align-items: center;
                gap: 12px;
                padding: 8px 0;
                border-bottom: 1px solid #f9f9f9;
            }
            .topic-item:last-child {
                border-bottom: none;
            }

            .viral-topic-stats {
                font-size: 12px;
                color: #666;
            }
            .viral-topic-stats .new { color: #dc2626; font-weight: bold; }
            .viral-topic-stats .up { color: #f59e0b; font-weight: bold; }
            .viral-topic-stats .level-high { color: #dc2626; font-weight: bold; }
            .viral-topic-stats .level-mid { color: #f59e0b; font-weight: bold; }

            .viral-sample-titles {
                list-style: none;
                padding-left: 16px;
                margin: 0;
                font-size: 13px;
            }
            .viral-sample-titles li {
                color: #666;
                padding: 4px 0;
                position: relative;
            }
            .viral-sample-titles li::before { content: '▪'; position: absolute; left: -14px; color: #ccc; }
            
            .new-section {
                margin-top: 40px;
                padding-top: 24px;
                border-top: 2px solid #f0f0f0;
            }
            
            .new-section-title {
                color: #1a1a1a;
                font-size: 16px;
                font-weight: 600;
                margin: 0 0 20px 0;
            }
            
            .new-source-group {
                margin-bottom: 24px;
            }
            
            .new-source-title {
                color: #666;
                font-size: 13px;
                font-weight: 500;
                margin: 0 0 12px 0;
                padding-bottom: 6px;
                border-bottom: 1px solid #f5f5f5;
            }
            
            .new-item {
                display: flex;
                align-items: center;
                gap: 12px;
                padding: 8px 0;
                border-bottom: 1px solid #f9f9f9;
            }
            
            .new-item:last-child {
                border-bottom: none;
            }
            
            .new-item-number {
                color: #999;
                font-size: 12px;
                font-weight: 600;
                min-width: 18px;
                text-align: center;
                flex-shrink: 0;
                background: #f8f9fa;
                border-radius: 50%;
                width: 20px;
                height: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            
            .new-item-rank {
                color: #fff;
                background: #6b7280;
                font-size: 10px;
                font-weight: 700;
                padding: 3px 6px;
                border-radius: 8px;
                min-width: 20px;
                text-align: center;
                flex-shrink: 0;
            }
            
            .new-item-rank.top { background: #dc2626; }
            .new-item-rank.high { background: #ea580c; }
            
            .new-item-content {
                flex: 1;
                min-width: 0;
            }
            
            .new-item-title {
                font-size: 14px;
                line-height: 1.4;
                color: #1a1a1a;
                margin: 0;
            }
            
            .error-section {
                background: #fef2f2;
                border: 1px solid #fecaca;
                border-radius: 8px;
                padding: 16px;
                margin-bottom: 24px;
            }
            
            .error-title {
                color: #dc2626;
                font-size: 14px;
                font-weight: 600;
                margin: 0 0 8px 0;
            }
            
            .error-list {
                list-style: none;
                padding: 0;
                margin: 0;
            }
            
            .error-item {
                color: #991b1b;
                font-size: 13px;
                padding: 2px 0;
                font-family: 'SF Mono', Consolas, monospace;
            }
            
            .footer {
                margin-top: 32px;
                padding: 20px 24px;
                background: #f8f9fa;
                border-top: 1px solid #e5e7eb;
                text-align: center;
            }
            
            .footer-content {
                font-size: 13px;
                color: #6b7280;
                line-height: 1.6;
            }
            
            .footer-link {
                color: #4f46e5;
                text-decoration: none;
                font-weight: 500;
                transition: color 0.2s ease;
            }
            
            .footer-link:hover {
                color: #7c3aed;
                text-decoration: underline;
            }
            
            .project-name {
                font-weight: 600;
                color: #374151;
            }
            
            @media (max-width: 480px) {
                body { padding: 12px; }
                .header { padding: 24px 20px; }
                .content { padding: 20px; }
                .footer { padding: 16px 20px; }
                .header-info { grid-template-columns: 1fr; gap: 12px; }
                .news-header { gap: 6px; }
                .news-content { padding-right: 45px; }
                .news-item { gap: 8px; }
                .new-item { gap: 8px; }
                .news-number { width: 20px; height: 20px; font-size: 12px; }
                .save-buttons {
                    position: static;
                    margin-bottom: 16px;
                    display: flex;
                    gap: 8px;
                    justify-content: center;
                    flex-direction: column;
                    width: 100%;
                }
                .save-btn {
                    width: 100%;
                }
            }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="header">
                <div class="save-buttons">
                    <button class="save-btn" onclick="saveAsImage()">保存为图片</button>
                    <button class="save-btn" onclick="saveAsMultipleImages()">分段保存</button>
                </div>
                <div class="header-title">热点新闻分析</div>
                <div class="header-info">
                    <div class="info-item">
                        <span class="info-label">报告类型</span>
                        <span class="info-value">当日汇总</span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">新闻总数</span>
                        <span class="info-value">685 条</span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">热点新闻</span>
                        <span class="info-value">28 条</span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">生成时间</span>
                        <span class="info-value">02-14 20:37</span>
                    </div>
                </div>
            </div>
            
            <div class="content">
                <div class="word-group">
                    <div class="word-header">
                        <div class="word-info">
                            <div class="word-name">ai 人工智能</div>
                            <div class="word-count hot">19 条</div>
                        </div>
                        <div class="word-index">1/6</div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">1</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">财联社热门</span><span class="rank-num top">1-4</span><span class="time-info">09时42分~14时38分</span><span class="count-info">2次</span>
                            </div>
                            <div class="news-title"><a href="https://www.cls.cn/detail/2290109" target="_blank" class="news-link">美股收盘：通胀降温难抵AI忧虑 三大指数周线齐跌</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">2</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">贴吧</span><span class="rank-num top">1-5</span><span class="time-info">14时38分~20时37分</span><span class="count-info">2次</span>
                            </div>
                            <div class="news-title"><a href="https://tieba.baidu.com/hottopic/browse/hottopic?topic_id=28350684&amp;amp;topic_name=AI%E6%97%A0%E8%A7%86%E7%89%88%E6%9D%83%2C%E8%80%81%E5%A4%96%E9%9B%86%E7%81%AB%E5%9B%B4%E6%AE%B4" target="_blank" class="news-link">AI无视版权,老外集火围殴</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">3</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">今日头条</span><span class="rank-num top">1</span><span class="time-info">02时40分</span>
                            </div>
                            <div class="news-title"><a href="https://www.toutiao.com/trending/7605526928975659054/" target="_blank" class="news-link">小伙5个月用AI做120多个App</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">4</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">华尔街见闻</span><span class="rank-num top">1</span><span class="time-info">02时40分</span>
                            </div>
                            <div class="news-title"><a href="https://wallstreetcn.com/articles/3765553" target="_blank" class="news-link">CPI前AI恐慌升级，纳指跌超2%，美债走强，人民币三年新高，黄金失守5000美元，白银跳水11%</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item new">
                        <div class="news-number">5</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">贴吧</span><span class="rank-num top">1</span><span class="time-info">20时37分</span>
                            </div>
                            <div class="news-title"><a href="https://tieba.baidu.com/hottopic/browse/hottopic?topic_id=28350710&amp;amp;topic_name=AI%E5%A5%B3%E5%89%AF%E6%80%BB%E5%9B%A0%E5%8F%8D%E8%89%B2%E6%83%85%E8%A2%AB%E7%82%92%E9%B1%BF%E9%B1%BC" target="_blank" class="news-link">AI女副总因反色情被炒鱿鱼</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item new">
                        <div class="news-number">6</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">华尔街见闻</span><span class="rank-num high">4</span><span class="time-info">20时37分</span>
                            </div>
                            <div class="news-title"><a href="https://wallstreetcn.com/articles/3765723" target="_blank" class="news-link">“我们正在目睹一场AI创造性破坏席卷全球各行各业”！高盛合伙人：本质上，这是一次“护城河检查”</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">7</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">知乎</span><span class="rank-num top">2-6</span><span class="time-info">14时38分~20时37分</span><span class="count-info">2次</span>
                            </div>
                            <div class="news-title"><a href="https://www.zhihu.com/question/2005725246167147371" target="_blank" class="news-link">杭州一创业者开 1 人公司，团队完全由 AI 智能体组成，月入 200 万，真能挣这么多钱吗？</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">8</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">贴吧</span><span class="rank-num ">6-19</span><span class="time-info">02时40分~20时37分</span><span class="count-info">4次</span>
                            </div>
                            <div class="news-title"><a href="https://tieba.baidu.com/hottopic/browse/hottopic?topic_id=28350655&amp;amp;topic_name=%E8%80%81%E7%A0%81%E5%86%9C%E8%A3%81%E5%91%98%E7%90%86%E7%94%B1%2B1%3A%E8%A2%ABAI%E4%BC%98%E5%8C%96" target="_blank" class="news-link">老码农裁员理由+1:被AI优化</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">9</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">贴吧</span><span class="rank-num ">9-22</span><span class="time-info">02时40分~20时37分</span><span class="count-info">4次</span>
                            </div>
                            <div class="news-title"><a href="https://tieba.baidu.com/hottopic/browse/hottopic?topic_id=28350657&amp;amp;topic_name=AI%E6%95%B4%E6%B4%BB%E6%97%A0%E5%BA%95%E7%BA%BF%2C%E8%B5%9B%E6%96%87%E6%BC%94%E5%91%98%E6%80%A5%E4%BA%86" target="_blank" class="news-link">AI整活无底线,赛文演员急了</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">10</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">澎湃新闻</span><span class="rank-num ">16-20</span><span class="time-info">09时42分~20时37分</span><span class="count-info">3次</span>
                            </div>
                            <div class="news-title"><a href="https://m.thepaper.cn/newsDetail_forward_32603983" target="_blank" class="news-link">澎湃AI晚新闻丨2026年2月13日</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">11</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">百度热搜</span><span class="rank-num ">9-16</span><span class="time-info">09时42分~14时38分</span><span class="count-info">2次</span>
                            </div>
                            <div class="news-title"><a href="https://www.baidu.com/s?wd=%E5%B0%8F%E4%BC%995%E4%B8%AA%E6%9C%88%E7%94%A8AI%E5%81%9A120%E5%A4%9A%E4%B8%AAApp" target="_blank" class="news-link">小伙5个月用AI做120多个App</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">12</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">今日头条</span><span class="rank-num ">14-27</span><span class="time-info">02时40分~09时42分</span><span class="count-info">2次</span>
                            </div>
                            <div class="news-title"><a href="https://www.toutiao.com/trending/7606174592784158251/" target="_blank" class="news-link">一个2.6万亿AI独角兽诞生</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">13</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">华尔街见闻</span><span class="rank-num ">7</span><span class="time-info">02时40分</span>
                            </div>
                            <div class="news-title"><a href="https://wallstreetcn.com/articles/3765624" target="_blank" class="news-link">AI恐慌扩散，科技股再度拖垮美股，地产股连日重挫，苹果市值一日蒸发2000亿</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item new">
                        <div class="news-number">14</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">华尔街见闻</span><span class="rank-num ">7</span><span class="time-info">20时37分</span>
                            </div>
                            <div class="news-title"><a href="https://wallstreetcn.com/articles/3765719" target="_blank" class="news-link">能源、必选消费和美债领涨2026！华尔街的“AI交易”被“AI颠覆”了</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item new">
                        <div class="news-number">15</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">华尔街见闻</span><span class="rank-num ">9</span><span class="time-info">20时37分</span>
                            </div>
                            <div class="news-title"><a href="https://wallstreetcn.com/articles/3765728" target="_blank" class="news-link">如何理解开年全球市场？“可负担性”才是 2026 的总叙事：“主街”要赢一次，AI叙事巨变，日元是“关键”</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item new">
                        <div class="news-number">16</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">澎湃新闻</span><span class="rank-num ">9</span><span class="time-info">20时37分</span>
                            </div>
                            <div class="news-title"><a href="https://m.thepaper.cn/newsDetail_forward_32604363" target="_blank" class="news-link">马上评｜AI时代，让我们更懂年味</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">17</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">华尔街见闻</span><span class="rank-num ">10</span><span class="time-info">02时40分</span>
                            </div>
                            <div class="news-title"><a href="https://wallstreetcn.com/articles/3765637" target="_blank" class="news-link">加剧AI恐慌！微软高管：大多数白领工作将在“未来12-18个月内”完全自动化</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item new">
                        <div class="news-number">18</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">知乎</span><span class="rank-num ">15</span><span class="time-info">20时37分</span>
                            </div>
                            <div class="news-title"><a href="https://www.zhihu.com/question/2003986885089981631" target="_blank" class="news-link">2026 年春节 AI 红包大战预计烧掉 45 亿，真的能让用户接受 AI 智能成为日常生活的标配吗？</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">19</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">抖音</span><span class="rank-num ">19</span><span class="time-info">02时40分</span>
                            </div>
                            <div class="news-title"><a href="https://www.douyin.com/hot/2398167" target="_blank" class="news-link">Seedance2.0展示中国AI潜力</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="word-group">
                    <div class="word-header">
                        <div class="word-info">
                            <div class="word-name">英伟达 NVIDIA 黄仁勋</div>
                            <div class="word-count ">3 条</div>
                        </div>
                        <div class="word-index">2/6</div>
                    </div>
                    <div class="news-item new">
                        <div class="news-number">1</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">财联社热门</span><span class="rank-num ">6</span><span class="time-info">20时37分</span>
                            </div>
                            <div class="news-title"><a href="https://www.cls.cn/detail/2290296" target="_blank" class="news-link">美股轮动之际：黄仁勋跌出全球十大富翁之列 沃尔玛三兄妹进入排行</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item new">
                        <div class="news-number">2</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">今日头条</span><span class="rank-num ">18</span><span class="time-info">20时37分</span>
                            </div>
                            <div class="news-title"><a href="https://www.toutiao.com/trending/7605695309217529882/" target="_blank" class="news-link">黄仁勋跌出全球富豪榜前十</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item new">
                        <div class="news-number">3</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">百度热搜</span><span class="rank-num ">19</span><span class="time-info">20时37分</span>
                            </div>
                            <div class="news-title"><a href="https://www.baidu.com/s?wd=%E9%BB%84%E4%BB%81%E5%8B%8B%E8%B7%8C%E5%87%BA%E5%85%A8%E7%90%83%E5%AF%8C%E8%B1%AA%E6%A6%9C%E5%89%8D%E5%8D%81" target="_blank" class="news-link">黄仁勋跌出全球富豪榜前十</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="word-group">
                    <div class="word-header">
                        <div class="word-info">
                            <div class="word-name">特斯拉 马斯克</div>
                            <div class="word-count ">2 条</div>
                        </div>
                        <div class="word-index">3/6</div>
                    </div>
                    <div class="news-item new">
                        <div class="news-number">1</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">知乎</span><span class="rank-num ">9</span><span class="time-info">20时37分</span>
                            </div>
                            <div class="news-title"><a href="https://www.zhihu.com/question/2005195369848463617" target="_blank" class="news-link">特斯拉副总裁宣布离职，此前吴宇怀等多名骨干先后离开，如何评价特斯拉这轮「离职潮」？会带来哪些影响？</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">2</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">财联社热门</span><span class="rank-num ">12</span><span class="time-info">14时38分</span>
                            </div>
                            <div class="news-title"><a href="https://www.cls.cn/detail/2290089" target="_blank" class="news-link">SpaceX据悉拟采用双重股权结构进行IPO 马斯克或掌“超级投票权”</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="word-group">
                    <div class="word-header">
                        <div class="word-info">
                            <div class="word-name">股票 A股 上证 深证</div>
                            <div class="word-count ">2 条</div>
                        </div>
                        <div class="word-index">4/6</div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">1</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">财联社热门</span><span class="rank-num top">1-2</span><span class="time-info">14时38分~20时37分</span><span class="count-info">2次</span>
                            </div>
                            <div class="news-title"><a href="https://www.cls.cn/detail/2289993" target="_blank" class="news-link">本周披露并购重组进展的A股名单一览 1200亿算力概念股在列</a>
                            </div>
                        </div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">2</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">财联社热门</span><span class="rank-num top">3-7</span><span class="time-info">14时38分~20时37分</span><span class="count-info">2次</span>
                            </div>
                            <div class="news-title"><a href="https://www.cls.cn/detail/2290257" target="_blank" class="news-link">A股蛇年十大牛股盘点：上纬新材以超25倍涨幅夺魁 商业航天龙头赫然在列</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="word-group">
                    <div class="word-header">
                        <div class="word-info">
                            <div class="word-name">谷歌 google</div>
                            <div class="word-count ">1 条</div>
                        </div>
                        <div class="word-index">5/6</div>
                    </div>
                    <div class="news-item ">
                        <div class="news-number">1</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">财联社热门</span><span class="rank-num ">9-10</span><span class="time-info">14时38分~20时37分</span><span class="count-info">2次</span>
                            </div>
                            <div class="news-title"><a href="https://www.cls.cn/detail/2290186" target="_blank" class="news-link">1月市场份额再度攀升！Grok和谷歌Gemini瓜分ChatGPT丢失的市场</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="word-group">
                    <div class="word-header">
                        <div class="word-info">
                            <div class="word-name">芯片 光刻机 光模块</div>
                            <div class="word-count ">1 条</div>
                        </div>
                        <div class="word-index">6/6</div>
                    </div>
                    <div class="news-item new">
                        <div class="news-number">1</div>
                        <div class="news-content">
                            <div class="news-header">
                                <span class="source-name">财联社热门</span><span class="rank-num ">8</span><span class="time-info">20时37分</span>
                            </div>
                            <div class="news-title"><a href="https://www.cls.cn/detail/2290317" target="_blank" class="news-link">近一个月这些上市公司被“踏破门槛”！芯片股获机构组团调研，机构来访接待量居前的个股名单一览</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="new-section">
                    <div class="new-section-title">本次新增热点 (共 11 条)</div>
                    <div class="new-source-group">
                        <div class="new-source-title">今日头条 · 1条</div>
                        <div class="new-item">
                            <div class="new-item-number">1</div>
                            <div class="new-item-rank ">18</div>
                            <div class="new-item-content">
                                <div class="new-item-title"><a href="https://www.toutiao.com/trending/7605695309217529882/" target="_blank" class="news-link">黄仁勋跌出全球富豪榜前十</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="new-source-group">
                        <div class="new-source-title">百度热搜 · 1条</div>
                        <div class="new-item">
                            <div class="new-item-number">1</div>
                            <div class="new-item-rank ">19</div>
                            <div class="new-item-content">
                                <div class="new-item-title"><a href="https://www.baidu.com/s?wd=%E9%BB%84%E4%BB%81%E5%8B%8B%E8%B7%8C%E5%87%BA%E5%85%A8%E7%90%83%E5%AF%8C%E8%B1%AA%E6%A6%9C%E5%89%8D%E5%8D%81" target="_blank" class="news-link">黄仁勋跌出全球富豪榜前十</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="new-source-group">
                        <div class="new-source-title">华尔街见闻 · 3条</div>
                        <div class="new-item">
                            <div class="new-item-number">1</div>
                            <div class="new-item-rank high">4</div>
                            <div class="new-item-content">
                                <div class="new-item-title"><a href="https://wallstreetcn.com/articles/3765723" target="_blank" class="news-link">“我们正在目睹一场AI创造性破坏席卷全球各行各业”！高盛合伙人：本质上，这是一次“护城河检查”</a>
                                </div>
                            </div>
                        </div>
                        <div class="new-item">
                            <div class="new-item-number">2</div>
                            <div class="new-item-rank ">7</div>
                            <div class="new-item-content">
                                <div class="new-item-title"><a href="https://wallstreetcn.com/articles/3765719" target="_blank" class="news-link">能源、必选消费和美债领涨2026！华尔街的“AI交易”被“AI颠覆”了</a>
                                </div>
                            </div>
                        </div>
                        <div class="new-item">
                            <div class="new-item-number">3</div>
                            <div class="new-item-rank ">9</div>
                            <div class="new-item-content">
                                <div class="new-item-title"><a href="https://wallstreetcn.com/articles/3765728" target="_blank" class="news-link">如何理解开年全球市场？“可负担性”才是 2026 的总叙事：“主街”要赢一次，AI叙事巨变，日元是“关键”</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="new-source-group">
                        <div class="new-source-title">澎湃新闻 · 1条</div>
                        <div class="new-item">
                            <div class="new-item-number">1</div>
                            <div class="new-item-rank ">9</div>
                            <div class="new-item-content">
                                <div class="new-item-title"><a href="https://m.thepaper.cn/newsDetail_forward_32604363" target="_blank" class="news-link">马上评｜AI时代，让我们更懂年味</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="new-source-group">
                        <div class="new-source-title">财联社热门 · 2条</div>
                        <div class="new-item">
                            <div class="new-item-number">1</div>
                            <div class="new-item-rank ">6</div>
                            <div class="new-item-content">
                                <div class="new-item-title"><a href="https://www.cls.cn/detail/2290296" target="_blank" class="news-link">美股轮动之际：黄仁勋跌出全球十大富翁之列 沃尔玛三兄妹进入排行</a>
                                </div>
                            </div>
                        </div>
                        <div class="new-item">
                            <div class="new-item-number">2</div>
                            <div class="new-item-rank ">8</div>
                            <div class="new-item-content">
                                <div class="new-item-title"><a href="https://www.cls.cn/detail/2290317" target="_blank" class="news-link">近一个月这些上市公司被“踏破门槛”！芯片股获机构组团调研，机构来访接待量居前的个股名单一览</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="new-source-group">
                        <div class="new-source-title">贴吧 · 1条</div>
                        <div class="new-item">
                            <div class="new-item-number">1</div>
                            <div class="new-item-rank top">1</div>
                            <div class="new-item-content">
                                <div class="new-item-title"><a href="https://tieba.baidu.com/hottopic/browse/hottopic?topic_id=28350710&amp;amp;topic_name=AI%E5%A5%B3%E5%89%AF%E6%80%BB%E5%9B%A0%E5%8F%8D%E8%89%B2%E6%83%85%E8%A2%AB%E7%82%92%E9%B1%BF%E9%B1%BC" target="_blank" class="news-link">AI女副总因反色情被炒鱿鱼</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="new-source-group">
                        <div class="new-source-title">知乎 · 2条</div>
                        <div class="new-item">
                            <div class="new-item-number">1</div>
                            <div class="new-item-rank ">9</div>
                            <div class="new-item-content">
                                <div class="new-item-title"><a href="https://www.zhihu.com/question/2005195369848463617" target="_blank" class="news-link">特斯拉副总裁宣布离职，此前吴宇怀等多名骨干先后离开，如何评价特斯拉这轮「离职潮」？会带来哪些影响？</a>
                                </div>
                            </div>
                        </div>
                        <div class="new-item">
                            <div class="new-item-number">2</div>
                            <div class="new-item-rank ">15</div>
                            <div class="new-item-content">
                                <div class="new-item-title"><a href="https://www.zhihu.com/question/2003986885089981631" target="_blank" class="news-link">2026 年春节 AI 红包大战预计烧掉 45 亿，真的能让用户接受 AI 智能成为日常生活的标配吗？</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="footer">
                <div class="footer-content">
                </div>
            </div>
        </div>
        <script>
            async function saveAsImage() {
                const button = event.target;
                const originalText = button.textContent;
                
                try {
                    button.textContent = '生成中...';
                    button.disabled = true;
                    window.scrollTo(0, 0);
                    
                    // 等待页面稳定
                    await new Promise(resolve => setTimeout(resolve, 200));
                    
                    // 截图前隐藏按钮
                    const buttons = document.querySelector('.save-buttons');
                    buttons.style.visibility = 'hidden';
                    
                    // 再次等待确保按钮完全隐藏
                    await new Promise(resolve => setTimeout(resolve, 100));
                    
                    const container = document.querySelector('.container');
                    
                    const canvas = await html2canvas(container, {
                        backgroundColor: '#ffffff',
                        scale: 1.5,
                        useCORS: true,
                        allowTaint: false,
                        imageTimeout: 10000,
                        removeContainer: false,
                        foreignObjectRendering: false,
                        logging: false,
                        width: container.offsetWidth,
                        height: container.offsetHeight,
                        x: 0,
                        y: 0,
                        scrollX: 0,
                        scrollY: 0,
                        windowWidth: window.innerWidth,
                        windowHeight: window.innerHeight
                    });
                    
                    buttons.style.visibility = 'visible';
                    
                    const link = document.createElement('a');
                    const now = new Date();
                    const filename = `TrendRadar_热点新闻分析_${now.getFullYear()}${String(now.getMonth() + 1).padStart(2, '0')}${String(now.getDate()).padStart(2, '0')}_${String(now.getHours()).padStart(2, '0')}${String(now.getMinutes()).padStart(2, '0')}.png`;
                    
                    link.download = filename;
                    link.href = canvas.toDataURL('image/png', 1.0);
                    
                    // 触发下载
                    document.body.appendChild(link);
                    link.click();
                    document.body.removeChild(link);
                    
                    button.textContent = '保存成功!';
                    setTimeout(() => {
                        button.textContent = originalText;
                        button.disabled = false;
                    }, 2000);
                    
                } catch (error) {
                    const buttons = document.querySelector('.save-buttons');
                    buttons.style.visibility = 'visible';
                    button.textContent = '保存失败';
                    setTimeout(() => {
                        button.textContent = originalText;
                        button.disabled = false;
                    }, 2000);
                }
            }
            
            async function saveAsMultipleImages() {
                const button = event.target;
                const originalText = button.textContent;
                const container = document.querySelector('.container');
                const scale = 1.5; 
                const maxHeight = 5000 / scale;
                
                try {
                    button.textContent = '分析中...';
                    button.disabled = true;
                    
                    // 获取所有可能的分割元素
                    const newsItems = Array.from(container.querySelectorAll('.news-item'));
                    const wordGroups = Array.from(container.querySelectorAll('.word-group'));
                    const newSection = container.querySelector('.new-section');
                    const errorSection = container.querySelector('.error-section');
                    const header = container.querySelector('.header');
                    const footer = container.querySelector('.footer');
                    
                    // 计算元素位置和高度
                    const containerRect = container.getBoundingClientRect();
                    const elements = [];
                    
                    // 添加header作为必须包含的元素
                    elements.push({
                        type: 'header',
                        element: header,
                        top: 0,
                        bottom: header.offsetHeight,
                        height: header.offsetHeight
                    });
                    
                    // 添加错误信息（如果存在）
                    if (errorSection) {
                        const rect = errorSection.getBoundingClientRect();
                        elements.push({
                            type: 'error',
                            element: errorSection,
                            top: rect.top - containerRect.top,
                            bottom: rect.bottom - containerRect.top,
                            height: rect.height
                        });
                    }
                    
                    // 按word-group分组处理news-item
                    wordGroups.forEach(group => {
                        const groupRect = group.getBoundingClientRect();
                        const groupNewsItems = group.querySelectorAll('.news-item');
                        
                        // 添加word-group的header部分
                        const wordHeader = group.querySelector('.word-header');
                        if (wordHeader) {
                            const headerRect = wordHeader.getBoundingClientRect();
                            elements.push({
                                type: 'word-header',
                                element: wordHeader,
                                parent: group,
                                top: groupRect.top - containerRect.top,
                                bottom: headerRect.bottom - containerRect.top,
                                height: headerRect.height
                            });
                        }
                        
                        // 添加每个news-item
                        groupNewsItems.forEach(item => {
                            const rect = item.getBoundingClientRect();
                            elements.push({
                                type: 'news-item',
                                element: item,
                                parent: group,
                                top: rect.top - containerRect.top,
                                bottom: rect.bottom - containerRect.top,
                                height: rect.height
                            });
                        });
                    });
                    
                    // 添加新增新闻部分
                    if (newSection) {
                        const rect = newSection.getBoundingClientRect();
                        elements.push({
                            type: 'new-section',
                            element: newSection,
                            top: rect.top - containerRect.top,
                            bottom: rect.bottom - containerRect.top,
                            height: rect.height
                        });
                    }
                    
                    // 添加footer
                    const footerRect = footer.getBoundingClientRect();
                    elements.push({
                        type: 'footer',
                        element: footer,
                        top: footerRect.top - containerRect.top,
                        bottom: footerRect.bottom - containerRect.top,
                        height: footer.offsetHeight
                    });
                    
                    // 计算分割点
                    const segments = [];
                    let currentSegment = { start: 0, end: 0, height: 0, includeHeader: true };
                    let headerHeight = header.offsetHeight;
                    currentSegment.height = headerHeight;
                    
                    for (let i = 1; i < elements.length; i++) {
                        const element = elements[i];
                        const potentialHeight = element.bottom - currentSegment.start;
                        
                        // 检查是否需要创建新分段
                        if (potentialHeight > maxHeight && currentSegment.height > headerHeight) {
                            // 在前一个元素结束处分割
                            currentSegment.end = elements[i - 1].bottom;
                            segments.push(currentSegment);
                            
                            // 开始新分段
                            currentSegment = {
                                start: currentSegment.end,
                                end: 0,
                                height: element.bottom - currentSegment.end,
                                includeHeader: false
                            };
                        } else {
                            currentSegment.height = potentialHeight;
                            currentSegment.end = element.bottom;
                        }
                    }
                    
                    // 添加最后一个分段
                    if (currentSegment.height > 0) {
                        currentSegment.end = container.offsetHeight;
                        segments.push(currentSegment);
                    }
                    
                    button.textContent = `生成中 (0/${segments.length})...`;
                    
                    // 隐藏保存按钮
                    const buttons = document.querySelector('.save-buttons');
                    buttons.style.visibility = 'hidden';
                    
                    // 为每个分段生成图片
                    const images = [];
                    for (let i = 0; i < segments.length; i++) {
                        const segment = segments[i];
                        button.textContent = `生成中 (${i + 1}/${segments.length})...`;
                        
                        // 创建临时容器用于截图
                        const tempContainer = document.createElement('div');
                        tempContainer.style.cssText = `
                            position: absolute;
                            left: -9999px;
                            top: 0;
                            width: ${container.offsetWidth}px;
                            background: white;
                        `;
                        tempContainer.className = 'container';
                        
                        // 克隆容器内容
                        const clonedContainer = container.cloneNode(true);
                        
                        // 移除克隆内容中的保存按钮
                        const clonedButtons = clonedContainer.querySelector('.save-buttons');
                        if (clonedButtons) {
                            clonedButtons.style.display = 'none';
                        }
                        
                        tempContainer.appendChild(clonedContainer);
                        document.body.appendChild(tempContainer);
                        
                        // 等待DOM更新
                        await new Promise(resolve => setTimeout(resolve, 100));
                        
                        // 使用html2canvas截取特定区域
                        const canvas = await html2canvas(clonedContainer, {
                            backgroundColor: '#ffffff',
                            scale: scale,
                            useCORS: true,
                            allowTaint: false,
                            imageTimeout: 10000,
                            logging: false,
                            width: container.offsetWidth,
                            height: segment.end - segment.start,
                            x: 0,
                            y: segment.start,
                            windowWidth: window.innerWidth,
                            windowHeight: window.innerHeight
                        });
                        
                        images.push(canvas.toDataURL('image/png', 1.0));
                        
                        // 清理临时容器
                        document.body.removeChild(tempContainer);
                    }
                    
                    // 恢复按钮显示
                    buttons.style.visibility = 'visible';
                    
                    // 下载所有图片
                    const now = new Date();
                    const baseFilename = `TrendRadar_热点新闻分析_${now.getFullYear()}${String(now.getMonth() + 1).padStart(2, '0')}${String(now.getDate()).padStart(2, '0')}_${String(now.getHours()).padStart(2, '0')}${String(now.getMinutes()).padStart(2, '0')}`;
                    
                    for (let i = 0; i < images.length; i++) {
                        const link = document.createElement('a');
                        link.download = `${baseFilename}_part${i + 1}.png`;
                        link.href = images[i];
                        document.body.appendChild(link);
                        link.click();
                        document.body.removeChild(link);
                        
                        // 延迟一下避免浏览器阻止多个下载
                        await new Promise(resolve => setTimeout(resolve, 100));
                    }
                    
                    button.textContent = `已保存 ${segments.length} 张图片!`;
                    setTimeout(() => {
                        button.textContent = originalText;
                        button.disabled = false;
                    }, 2000);
                    
                } catch (error) {
                    console.error('分段保存失败:', error);
                    const buttons = document.querySelector('.save-buttons');
                    buttons.style.visibility = 'visible';
                    button.textContent = '保存失败';
                    setTimeout(() => {
                        button.textContent = originalText;
                        button.disabled = false;
                    }, 2000);
                }
            }
            
            document.addEventListener('DOMContentLoaded', function() {
                window.scrollTo(0, 0);
            });
        </script>
    </body>
    </html>