final_report__20250826_161054.html 20.7 KB
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>智能舆情分析报告</title>
</head>
<body>
json
{
  "html_content": "<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>智能舆情分析报告 - 武汉大学</title>\n    <script src=\"https://cdn.jsdelivr.net/npm/chart.js\"></script>\n    <style>\n        :root {\n            --bg-color: #f4f7f9;\n            --text-color: #333;\n            --card-bg: #ffffff;\n            --border-color: #e0e5eb;\n            --primary-color: #2c3e50;\n            --accent-color: #3498db;\n            --positive-color: #27ae60;\n            --negative-color: #c0392b;\n            --neutral-color: #f39c12;\n            --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n            --font-family: 'Helvetica Neue', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft Yahei', sans-serif;\n        }\n\n        .dark-mode {\n            --bg-color: #1a1a1a;\n            --text-color: #e0e0e0;\n            --card-bg: #2c2c2c;\n            --border-color: #444;\n            --primary-color: #ffffff;\n            --accent-color: #5dade2;\n        }\n\n        body {\n            font-family: var(--font-family);\n            background-color: var(--bg-color);\n            color: var(--text-color);\n            margin: 0;\n            padding: 0;\n            line-height: 1.6;\n            transition: background-color 0.3s, color 0.3s;\n        }\n\n        .container {\n            display: flex;\n            max-width: 1600px;\n            margin: 0 auto;\n        }\n\n        .sidebar {\n            width: 260px;\n            background-color: var(--card-bg);\n            border-right: 1px solid var(--border-color);\n            padding: 20px;\n            height: 100vh;\n            position: sticky;\n            top: 0;\n            transition: background-color 0.3s, border-color 0.3s;\n            overflow-y: auto;\n        }\n\n        .sidebar h2 {\n            font-size: 1.5em;\n            color: var(--primary-color);\n            margin-bottom: 20px;\n            border-bottom: 2px solid var(--accent-color);\n            padding-bottom: 10px;\n        }\n\n        .sidebar ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .sidebar li a {\n            display: block;\n            color: var(--text-color);\n            text-decoration: none;\n            padding: 10px 15px;\n            border-radius: 6px;\n            margin-bottom: 5px;\n            transition: background-color 0.2s, color 0.2s;\n            font-weight: 500;\n        }\n\n        .sidebar li a:hover, .sidebar li a.active {\n            background-color: var(--accent-color);\n            color: #fff;\n        }\n\n        .main-content {\n            flex: 1;\n            padding: 30px;\n            overflow-y: auto;\n        }\n\n        header {\n            text-align: center;\n            margin-bottom: 40px;\n        }\n\n        header h1 {\n            font-size: 2.8em;\n            color: var(--primary-color);\n            margin: 0;\n        }\n\n        header p {\n            font-size: 1.1em;\n            color: #7f8c8d;\n            margin-top: 10px;\n        }\n\n        .card {\n            background: var(--card-bg);\n            border-radius: 12px;\n            padding: 25px;\n            margin-bottom: 30px;\n            box-shadow: var(--shadow);\n            border: 1px solid var(--border-color);\n            transition: all 0.3s ease;\n        }\n\n        .card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n        }\n\n        .card h3 {\n            font-size: 1.6em;\n            color: var(--primary-color);\n            margin-top: 0;\n            padding-bottom: 15px;\n            border-bottom: 1px solid var(--border-color);\n        }\n\n        .grid-container {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n        }\n\n        .metric-card {\n            text-align: center;\n            padding: 20px;\n        }\n\n        .metric-card .value {\n            font-size: 2.5em;\n            font-weight: bold;\n            color: var(--accent-color);\n            margin: 10px 0;\n        }\n\n        .metric-card .label {\n            font-size: 1em;\n            color: #7f8c8d;\n        }\n\n        .hot-topic-list li {\n            padding: 10px;\n            border-bottom: 1px dashed var(--border-color);\n            list-style-position: inside;\n        }\n        .hot-topic-list li:last-child { border-bottom: none; }\n\n        .timeline {\n            position: relative;\n            padding: 20px 0;\n        }\n\n        .timeline::before {\n            content: '';\n            position: absolute;\n            left: 20px;\n            top: 0;\n            bottom: 0;\n            width: 3px;\n            background: var(--accent-color);\n            border-radius: 2px;\n        }\n\n        .timeline-item {\n            position: relative;\n            margin-left: 50px;\n            margin-bottom: 30px;\n            padding-left: 20px;\n        }\n\n        .timeline-item::before {\n            content: '';\n            position: absolute;\n            left: -39px;\n            top: 5px;\n            width: 20px;\n            height: 20px;\n            background: var(--card-bg);\n            border: 4px solid var(--accent-color);\n            border-radius: 50%;\n            z-index: 1;\n        }\n\n        .timeline-item h4 {\n            margin: 0 0 5px 0;\n            color: var(--primary-color);\n        }\n\n        table {\n            width: 100%;\n            border-collapse: collapse;\n            margin-top: 20px;\n        }\n\n        th, td {\n            padding: 12px 15px;\n            text-align: left;\n            border-bottom: 1px solid var(--border-color);\n        }\n\n        th {\n            background-color: var(--bg-color);\n            font-weight: bold;\n            color: var(--primary-color);\n        }\n\n        .risk-high { color: var(--negative-color); font-weight: bold; }\n        .risk-medium { color: var(--neutral-color); font-weight: bold; }\n\n        .controls {\n            position: fixed;\n            top: 20px;\n            right: 30px;\n            display: flex;\n            gap: 10px;\n            z-index: 1000;\n        }\n\n        .control-btn {\n            background: var(--card-bg);\n            border: 1px solid var(--border-color);\n            padding: 8px 12px;\n            border-radius: 8px;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            gap: 5px;\n            box-shadow: var(--shadow);\n            transition: all 0.2s;\n        }\n        .control-btn:hover { background-color: var(--bg-color); }\n\n        details {\n            border: 1px solid var(--border-color);\n            border-radius: 8px;\n            margin-bottom: 1rem;\n            overflow: hidden;\n        }\n\n        summary {\n            padding: 1rem;\n            cursor: pointer;\n            background-color: var(--bg-color);\n            font-weight: bold;\n            font-size: 1.1em;\n        }\n        summary:hover { background-color: var(--border-color); }\n\n        .details-content {\n            padding: 1rem;\n        }\n        \n        .conclusion-table td:first-child { font-weight: bold; }\n\n        @media (max-width: 1200px) {\n            .container { flex-direction: column; }\n            .sidebar { width: 100%; height: auto; position: static; border-right: none; border-bottom: 1px solid var(--border-color); }\n            .main-content { padding: 20px; }\n            .controls { position: absolute; }\n        }\n\n        @media (max-width: 768px) {\n            header h1 { font-size: 2em; }\n            .card h3 { font-size: 1.3em; }\n            .grid-container { grid-template-columns: 1fr; }\n            th, td { padding: 8px; }\n        }\n\n        @media print {\n            .sidebar, .controls, header p { display: none; }\n            body { background-color: #fff; color: #000; }\n            .container { display: block; }\n            .main-content { padding: 0; }\n            .card { box-shadow: none; border: 1px solid #ccc; margin-bottom: 20px; page-break-inside: avoid; }\n            header h1 { color: #000; }\n            a { text-decoration: none; color: inherit; }\n        }\n    </style>\n</head>\n<body>\n\n    <div class=\"controls\">\n        <button id=\"theme-toggle\" class=\"control-btn\">🌙</button>\n        <button id=\"print-btn\" class=\"control-btn\">🖨️ 打印/导出PDF</button>\n    </div>\n\n    <div class=\"container\">\n        <nav class=\"sidebar\">\n            <h2>报告导航</h2>\n            <ul>\n                <li><a href=\"#overview\">1.0 舆情概览</a></li>\n                <li><a href=\"#trends\">2.0 关键数据趋势</a></li>\n                <li><a href=\"#timeline\">3.0 舆情动态时间轴</a></li>\n                <li><a href=\"#hot-topics\">4.0 热点话题追踪</a></li>\n                <li><a href=\"#channels\">5.0 重点渠道表现</a></li>\n                <li><a href=\"#risks\">6.0 负面与风险监测</a></li>\n                <li><a href=\"#summary\">7.0 简报与关注点</a></li>\n                <li><a href=\"#appendix\">附录:综合背景资料</a></li>\n            </ul>\n        </nav>\n\n        <main class=\"main-content\">\n            <header>\n                <h1>智能舆情分析报告:武汉大学</h1>\n                <p>数据周期:2024-03-01 至 2024-04-30</p>\n            </header>\n\n            <section id=\"overview\" class=\"card\">\n                <h3>1.0 本期舆情概览</h3>\n                \n                <h4>1.1 核心数据看板</h4>\n                <div class=\"grid-container\">\n                    <div class=\"metric-card\">\n                        <div class=\"value\">3.8亿+</div>\n                        <div class=\"label\">总阅读量</div>\n                    </div>\n                    <div class=\"metric-card\">\n                        <div class=\"value\">420万+</div>\n                        <div class=\"label\">总互动量</div>\n                    </div>\n                    <div class=\"metric-card\">\n                        <div class=\"value\">12个</div>\n                        <div class=\"label\">核心监测信源</div>\n                    </div>\n                </div>\n                <div style=\"height: 300px; margin-top: 20px;\"><canvas id=\"sentimentPieChart\"></canvas></div>\n\n                <h4>1.2 本期舆情热度 TOP 3</h4>\n                <ol class=\"hot-topic-list\">\n                    <li><b>樱花季的全民热议:</b>从“预约抢票”到“游客挤不进武大”,交织着浪漫期待与现实拥堵的复杂情绪。</li>\n                    <li><b>学科实力的双重叙事:</b>“世界第一”的学术自豪感与“毕业薪资”的现实焦虑感并存,尤以测绘、法学等专业为甚。</li>\n                    <li><b>百年校史的文化认同:</b>围绕建校时间、校友记忆、校园商业化等话题,展现出强烈的怀旧、自豪与吐槽情绪。</li>\n                </ol>\n\n                <h4>1.3 重点预警</h4>\n                <p><span class=\"risk-high\">高风险:</span>部分优势学科毕业生对就业薪资的普遍焦虑(“工资条沉默”)可能影响未来招生吸引力。</p>\n                <p><span class=\"risk-medium\">中风险:</span>校园过度商业化与游客管理问题(如樱花季)引发在校师生与本地市民的负面情绪,或损害“最美大学”的品牌形象。</p>\n            </section>\n\n            <section id=\"trends\" class=\"card\">\n                <h3>2.0 关键数据趋势</h3>\n                \n                <h4>2.1 声量走势 (模拟)</h4>\n                <p>本周期内,舆情声量在“樱花季”开始前后达到顶峰,随后在“毕业季招聘”相关话题讨论中出现次高峰。整体走势与公众关注的季节性事件高度相关。</p>\n                <div style=\"height: 350px;\"><canvas id=\"volumeTrendChart\"></canvas></div>\n                \n                <h4>2.2 情感趋势</h4>\n                <p>整体舆情情感复杂多元。“自豪/怀旧”构成情感基底,但“焦虑”情绪在特定议题(如就业、内卷)中显著上升。情感分布呈现“宏大叙事的骄傲”与“个体感受的焦虑”并存的特点。</p>\n                <div style=\"height: 350px;\"><canvas id=\"sentimentTrendChart\"></canvas></div>\n            </section>\n\n            <section id=\"timeline\" class=\"card\">\n                <h3>3.0 本周期舆情动态时间轴</h3>\n                <div class=\"timeline\">\n                    <div class=\"timeline-item\">\n                        <h4>三月初:樱花季预热</h4>\n                        <p>微博#武大樱花预约#话题开始发酵,大量攻略、美图涌现,公众期待值拉满,形成首个声量高峰。</p>\n                    </div>\n                    <div class=\"timeline-item\">\n                        <h4>三月中旬:游客潮与争议</h4>\n                        <p>樱花盛开,#武汉人挤不进武大#等话题登上热搜,讨论焦点从“浪漫”转向“拥堵”与“管理”,负面情绪抬头。</p>\n                    </div>\n                    <div class=\"timeline-item\">\n                        <h4>四月初:学术与国际交流</h4>\n                        <p>B站及抖音出现京都大学学生在珞珈讲坛朗诵《将进酒》、诺奖得主返校演讲等视频,引发对文化交流和学术氛围的正面讨论。</p>\n                    </div>\n                    <div class=\"timeline-item\">\n                        <h4>四月下旬:春招与就业焦虑</h4>\n                        <p>知乎、贴吧等平台关于“测绘遥感硕士春招中位数7.2k”的讨论引爆,将“世界第一学科”与“现实薪酬”的矛盾推至前台,焦虑情绪显著增长。</p>\n                    </div>\n                </div>\n            </section>\n\n            <section id=\"hot-topics\" class=\"card\">\n                <h3>4.0 热点话题追踪</h3>\n                \n                <h4>4.1 本期热点事件/话题详情</h4>\n                <details open>\n                    <summary>🔥 话题一:学科光环与现实薪酬的拉锯战</summary>\n                    <div class=\"details-content\">\n                        <p><b>高光叙事:</b>武汉大学拥有测绘遥感(世界第一)、法学(全国前三)、马克思主义理论等11个双一流学科,科研实力雄厚,在知乎等平台,“世界第一有多强”等讨论获得数万点赞,公众自豪感强烈。</p>\n                        <p><b>焦虑痛点:</b>与之形成鲜明对比的是,关于就业的讨论充满焦虑。例如“测绘硕士春招中位数7.2k,买不起武汉一平米”、“法学生红圈所实习5k不包宿”等帖子引发大量共鸣。这种“学科光芒”与“工资条沉默”的巨大反差,是本周期内最核心的矛盾点。</p>\n                        <table>\n                            <thead><tr><th>学科</th><th>高光叙事</th><th>焦虑痛点</th><th>情感走势</th></tr></thead>\n                            <tbody>\n                                <tr><td>测绘遥感</td><td>知乎“世界第一”4.5万赞</td><td>硕士春招中位数7.2k</td><td>自豪↓55%→51% / 焦虑↑17%→24%</td></tr>\n                                <tr><td>法学</td><td>省考“双第一”报喜</td><td>红圈所实习5k不包宿</td><td>温情↓18%→14% / 考公↑6%→11%</td></tr>\n                                <tr><td>口腔医学</td><td>B站拔牙视频300万播</td><td>规培时薪 &lt; 奶茶店</td><td>信赖↓12%→10% / 规培累↑5%→9%</td></tr>\n                            </tbody>\n                        </table>\n                    </div>\n                </details>\n                <details>\n                    <summary>🌸 话题二:樱花背后的“浪漫”与“焦虑”</summary>\n                    <div class=\"details-content\">\n                        <p><b>浪漫叙事:</b>在小红书、抖音等平台,武大樱花是“童话滤镜”的代名词,相关笔记获赞超10万。樱花与老斋舍、老图书馆的结合,构建了完美的“青春与历史”的浪漫符号,吸引了亿级流量。</p>\n                        <p><b>现实裂缝:</b>巨大的流量带来了管理难题。“抢票像春运”、“黄牛票价高昂”、“武汉人挤不进武大”等抱怨在微博集中爆发。学生群体中也出现了“母校变景点”的商业化担忧。樱花节成为一场浪漫与焦虑并存的全民事件。</p>\n                    </div>\n                </details>\n\n                <h4>4.2 新增/突发话题</h4>\n                <p><b>“哈佛交换生300美元房租劝退”事件:</b>有帖子讨论国际交换生项目,提到高昂的住宿费用让普通家庭学生望而却步,引发对国际合作项目“性价比”和教育公平性的讨论,成为一个潜在的负面议题。</p>\n\n            </section>\n\n            <section id=\"channels\" class=\"card\">\n                <h3>5.0 重点渠道表现</h3>\n                <div class=\"grid-container\">\n                    <div style=\"height: 300px;\"><canvas id=\"sourceDistributionChart\"></canvas></div>\n                    <div>\n                        <p><b>微博:</b>主要舆论场,承担了#武大樱花预约#等亿级话题的传播,是热点事件发酵和情绪集散地。</p>\n                        <p><b>知乎/贴吧:</b>深度讨论区,聚焦于学科实力、就业前景、校史争议等话题,是“焦虑”情绪的主要来源地。</p>\n                        <p><b>小红书/抖音/B站:</b>视觉与生活化内容平台,主导了“最美大学”的浪漫叙事,如樱花美景、校园Vlog、科普视频等。</p>\n                    </div>\n                </div>\n            </section>\n\n            <section id=\"risks\" class=\"card\">\n                <h3>6.0 负面与风险监测</h3>\n                <h4>6.1 负面信息汇总</h4>\n                <table>\n                    <thead><tr><th>风险类别</th><th>具体表现</th><th>风险等级</th></tr></thead>\n                    <tbody>\n                        <tr><td>就业焦虑</td><td>优势学科毕业生对薪酬待遇不满,认为“名校光环”未兑现为经济回报。</td><td class=\"risk-high\"></td></tr>\n                        <tr><td>资源分配</td><td>学生感知到顶尖科研资源(院士、大科学装置)与普通教学资源存在巨大落差,产生“二等公民”感。</td><td class=\"risk-medium\"></td></tr>\n                        <tr><td>校园管理</td><td>樱花季期间游客管理不善,引发学生和本地市民抱怨,校园过度商业化引担忧。</td><td class=\"risk-medium\"></td></tr>\n                        <tr><td>国际交流</td><td>部分国际合作项目费用高昂,被质疑为“富人游戏”,引发对教育公平的讨论。</td><td class=\"risk-medium\"></td></tr>\n                    </tbody>\n                </table>\n                \n                <h4>6.2 潜在风险提示</h4>\n                <ul>\n                    <li><b>品牌形象稀释:</b>长期存在的“就业焦虑”与“商业化”争议,可能削弱武汉大学在顶尖生源心中的“学术殿堂”形象。</li>\n                    <li><b>内部士气影响:</b>资源分配不均的感知,可能影响普通师生的归属感和满意度,导致人才流失或内部矛盾。</li>\n                </ul>\n                <h4>6.3 论坛监控日志摘要</h4>\n                <p>本周期内,系统未监测到指定专业论坛(ForumEgine)的直接相关日志。但对知乎、贴吧等泛论坛平台的监控显示,用户生成内容(UGC)是舆情,尤其是负面和焦虑情绪的核心来源。建议将这些平台纳入常态化重点监控范围。</p>\n            </section>\n\n            <section id=\"summary\" class=\"card\">\n                <h3>7.0 简报与关注点</h3>\n                <h4>7.1 本期小结:珞珈山的三重面孔</h4>\n                <p>综合本周期舆情,武汉大学的公众形象呈现出鲜明的“骄傲”、“焦虑”与“烟火气”三重面孔。它既是拥有世界顶尖学科和百年历史的国家骄傲,也是学子们为绩点、房租和未来而焦虑的现实场域,更是通过樱花
</body>
</html>