final_report__20250826_183336.html 19.3 KB
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470
<!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>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>智能舆情分析报告 - 武汉大学</title>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/html2pdf.js@0.10.1/dist/html2pdf.bundle.min.js"></script>
    <style>
        :root {
            --bg-color: #f4f7f9;
            --text-color: #333;
            --card-bg: #ffffff;
            --border-color: #eef2f5;
            --primary-color: #2c5282;
            --accent-color: #3182ce;
            --positive-color: #48bb78;
            --negative-color: #e53e3e;
            --neutral-color: #a0aec0;
            --shadow-color: rgba(0, 0, 0, 0.05);
            --sidebar-bg: #1a202c;
            --sidebar-text: #e2e8f0;
            --sidebar-hover: #2d3748;
        }

        .dark-mode {
            --bg-color: #1a202c;
            --text-color: #e2e8f0;
            --card-bg: #2d3748;
            --border-color: #4a5568;
            --primary-color: #63b3ed;
            --accent-color: #4299e1;
            --shadow-color: rgba(0, 0, 0, 0.2);
            --sidebar-bg: #111827;
            --sidebar-text: #cbd5e0;
            --sidebar-hover: #1f2937;
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            background-color: var(--bg-color);
            color: var(--text-color);
            line-height: 1.6;
            transition: background-color 0.3s, color 0.3s;
            display: flex;
        }

        .container {
            display: flex;
            width: 100%;
        }

        .sidebar {
            width: 260px;
            background-color: var(--sidebar-bg);
            color: var(--sidebar-text);
            position: fixed;
            height: 100%;
            overflow-y: auto;
            padding: 20px 0;
            transition: width 0.3s;
            z-index: 1000;
        }

        .sidebar h1 {
            font-size: 1.5rem;
            padding: 0 20px 20px 20px;
            border-bottom: 1px solid var(--border-color);
            margin-bottom: 20px;
            color: #fff;
        }

        .sidebar nav ul {
            list-style: none;
        }

        .sidebar nav li a {
            display: block;
            padding: 12px 20px;
            color: var(--sidebar-text);
            text-decoration: none;
            font-weight: 500;
            transition: background-color 0.2s, color 0.2s;
            border-left: 3px solid transparent;
        }

        .sidebar nav li a:hover {
            background-color: var(--sidebar-hover);
            color: #fff;
            border-left-color: var(--primary-color);
        }

        .main-content {
            margin-left: 260px;
            width: calc(100% - 260px);
            padding: 30px;
            transition: margin-left 0.3s, width 0.3s;
        }

        .report-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 30px;
        }

        .report-header h2 {
            font-size: 2rem;
            color: var(--primary-color);
        }

        .actions {
            display: flex;
            gap: 10px;
        }

        .action-btn {
            background-color: var(--card-bg);
            color: var(--text-color);
            border: 1px solid var(--border-color);
            padding: 8px 15px;
            border-radius: 6px;
            cursor: pointer;
            font-size: 14px;
            transition: background-color 0.2s, box-shadow 0.2s;
        }

        .action-btn:hover {
            background-color: var(--bg-color);
            box-shadow: 0 2px 4px var(--shadow-color);
        }

        .card {
            background-color: var(--card-bg);
            border-radius: 8px;
            box-shadow: 0 4px 6px var(--shadow-color);
            padding: 25px;
            margin-bottom: 30px;
            transition: background-color 0.3s;
        }

        .card h3 {
            font-size: 1.5rem;
            color: var(--primary-color);
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 1px solid var(--border-color);
        }

        .grid-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
        }

        .data-point {
            background-color: var(--bg-color);
            padding: 20px;
            border-radius: 6px;
            text-align: center;
        }

        .data-point .value {
            font-size: 2rem;
            font-weight: bold;
            color: var(--accent-color);
        }

        .data-point .label {
            font-size: 0.9rem;
            color: var(--text-color);
            opacity: 0.8;
        }

        .timeline {
            position: relative;
            padding: 20px 0;
        }

        .timeline::before {
            content: '';
            position: absolute;
            left: 20px;
            top: 0;
            bottom: 0;
            width: 2px;
            background-color: var(--border-color);
        }

        .timeline-item {
            position: relative;
            padding-left: 50px;
            margin-bottom: 30px;
        }

        .timeline-item::before {
            content: '';
            position: absolute;
            left: 12px;
            top: 5px;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            background-color: var(--accent-color);
            border: 3px solid var(--bg-color);
        }

        .timeline-date {
            font-weight: bold;
            color: var(--accent-color);
            margin-bottom: 5px;
        }

        .hot-topic-list li {
            margin-bottom: 15px;
            padding-left: 20px;
            position: relative;
        }

        .hot-topic-list li::before {
            content: '🔥';
            position: absolute;
            left: -5px;
        }

        .hot-topic-list strong {
            color: var(--primary-color);
        }

        details {
            border: 1px solid var(--border-color);
            border-radius: 6px;
            margin-bottom: 10px;
            overflow: hidden;
        }

        summary {
            padding: 15px;
            background-color: var(--bg-color);
            cursor: pointer;
            font-weight: bold;
            color: var(--primary-color);
        }

        .details-content {
            padding: 20px;
            border-top: 1px solid var(--border-color);
        }

        .tag {
            display: inline-block;
            padding: 4px 10px;
            border-radius: 12px;
            font-size: 0.8rem;
            margin-right: 5px;
        }

        .tag-positive { background-color: var(--positive-color); color: white; }
        .tag-negative { background-color: var(--negative-color); color: white; }
        .tag-neutral { background-color: var(--neutral-color); color: white; }

        @media (max-width: 768px) {
            .sidebar {
                width: 100%;
                height: auto;
                position: relative;
                padding: 0;
            }
            .sidebar h1 { display: none; }
            .sidebar nav ul { display: flex; overflow-x: auto; }
            .sidebar nav li a { border-bottom: 3px solid transparent; border-left: none; }

            .main-content {
                margin-left: 0;
                width: 100%;
                padding: 20px;
            }

            .report-header {
                flex-direction: column;
                align-items: flex-start;
                gap: 15px;
            }
        }

        @media print {
            .sidebar, .actions {
                display: none;
            }
            .main-content {
                margin-left: 0;
                width: 100%;
                padding: 0;
            }
            .card {
                box-shadow: none;
                border: 1px solid #ccc;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <aside class="sidebar">
            <h1>分析报告</h1>
            <nav>
                <ul>
                    <li><a href="#overview">1.0 舆情概览</a></li>
                    <li><a href="#trends">2.0 关键数据趋势</a></li>
                    <li><a href="#timeline">3.0 舆情动态时间轴</a></li>
                    <li><a href="#topics">4.0 热点话题追踪</a></li>
                    <li><a href="#channels">5.0 重点渠道表现</a></li>
                    <li><a href="#risks">6.0 负面与风险监测</a></li>
                    <li><a href="#summary">7.0 简报与关注点</a></li>
                </ul>
            </nav>
        </aside>

        <main class="main-content" id="report-content">
            <header class="report-header">
                <h2>智能舆情分析报告:武汉大学</h2>
                <div class="actions">
                    <button id="theme-toggle" class="action-btn">切换暗色模式</button>
                    <button id="print-btn" class="action-btn">打印/导出PDF</button>
                </div>
            </header>

            <section id="overview" class="card">
                <h3>1.0 本期舆情概览</h3>
                <p>本报告周期内,武汉大学相关舆情呈现出“历史荣光”与“现实挑战”交织的复杂态势。正面声量主要由学术成就、校园文化(如樱花季)及杰出校友贡献驱动。然而,以“杨景媛学术不端事件”为核心的重**大负面事件**,引发了公众对学校学术诚信、危机处理和管理机制的广泛质疑,成为本期舆情风暴的中心。整体情感倾向复杂,既有身为名校的自豪,也有对现实问题的焦虑与批评。</p>
                
                <div class="card-section" style="margin-top: 20px;">
                    <h4>1.1 核心数据看板</h4>
                    <div class="grid-container">
                        <div class="data-point">
                            <div class="value">≈210万</div>
                            <div class="label">相关信息样本</div>
                        </div>
                        <div class="data-point">
                            <div class="value">≈3.8亿</div>
                            <div class="label">总阅读量</div>
                        </div>
                        <div class="data-point">
                            <div class="value">≈420万</div>
                            <div class="label">总互动量</div>
                        </div>
                        <div class="data-point">
                            <div class="value">-25.3%</div>
                            <div class="label">净情感值</div>
                        </div>
                    </div>
                </div>

                <div class="card-section" style="margin-top: 20px;">
                    <h4>1.2 本期舆情热度 TOP 3</h4>
                    <ol class="hot-topic-list">
                        <li><strong>学术不端与图书馆诬告案:</strong>杨景媛硕士论文学术造假及相关诬告案败诉事件,引发全网对学术诚信和高校管理责任的拷问,舆情热度最高,负面影响最深。</li>
                        <li><strong>学科实力与职业焦虑的矛盾:</strong>以测绘遥感世界第一为代表的学术自豪感,与毕业生面临的就业薪资压力形成鲜明对比,引发学生和校友群体“自豪与焦虑”并存的复杂讨论。</li>
                        <li><strong>樱花季的“浪漫与烦恼”:</strong>武大樱花季作为传统文化名片,在社交媒体上获得大量正面传播,但同时也伴随着预约难、校园拥挤等抱怨,呈现出“浪漫”与“焦虑”交织的舆情特点。</li>
                    </ol>
                </div>

                <div class="card-section" style="margin-top: 20px;">
                    <h4>1.3 重点预警</h4>
                    <p><span class="tag tag-negative">高风险</span> 学术不端事件的后续处理是当前最大的舆情风险点。校方回应的及时性、调查的公正性与处理结果的透明度,将直接影响学校声誉的修复。任何处理不当都可能引发新一轮舆论危机。</p>
                </div>
            </section>

            <section id="trends" class="card">
                <h3>2.0 关键数据趋势</h3>
                <div class="grid-container">
                    <div>
                        <h4>2.1 声量走势</h4>
                        <canvas id="volumeTrendChart"></canvas>
                    </div>
                    <div>
                        <h4>2.2 情感趋势</h4>
                        <canvas id="sentimentTrendChart"></canvas>
                    </div>
                </div>
            </section>

            <section id="timeline" class="card">
                <h3>3.0 本周期舆情动态时间轴</h3>
                <div class="timeline">
                    <div class="timeline-item">
                        <div class="timeline-date">2025年7月中旬</div>
                        <p>杨景媛诬告肖同学案败诉后,其硕士论文学术不端问题开始在网络发酵,引发初步关注。</p>
                    </div>
                    <div class="timeline-item">
                        <div class="timeline-date">2025年7月31日</div>
                        <p>香港浸会大学就杨景媛录取资格发出道德核查函,事件热度升级,跨地域影响显现。</p>
                    </div>
                    <div class="timeline-item">
                        <div class="timeline-date">2025年8月1日</div>
                        <p>央媒关注报道后,武汉大学宣布成立工作专班进行调查,官方回应引发第二波舆论高峰。</p>
                    </div>
                    <div class="timeline-item">
                        <div class="timeline-date">2025年8月6日</div>
                        <p>关于“港浸大撤销杨景媛录取资格”的谣言流传并被辟谣,公众对事件处理的关注度持续高涨。</p>
                    </div>
                    <div class="timeline-item">
                        <div class="timeline-date">2025年8月至今</div>
                        <p>公众持续关注武汉大学和香港浸会大学的最终处理结果,相关讨论仍在继续,舆情处于高位平台期。</p>
                    </div>
                </div>
            </section>

            <section id="topics" class="card">
                <h3>4.0 热点话题追踪</h3>
                <details open>
                    <summary>4.1 热点事件详情:学术诚信危机</summary>
                    <div class="details-content">
                        <p><strong>事件核心:</strong>杨景媛学术不端事件与图书馆诬告案交织,形成复合型舆情危机。前者暴露了研究生培养和论文审核的制度漏洞,后者则触及了程序正义、学生权益保护和校园管理的敏感神经。</p>
                        <p><strong>舆论焦点:</strong></p>
                        <ul>
                            <li><strong>学术诚信:</strong>论文中虚构法律、伪造数据、常识错误等问题,严重冲击了武汉大学的学术声誉。</li>
                            <li><strong>校方责任:</strong>公众普遍质疑导师指导、答辩委员会审查、以及校方在事件曝光初期的“迟缓”应对,认为存在系统性失职。</li>
                            <li><strong>公平正义:</strong>受害者肖同学的遭遇与加害者杨景媛一度“顺利保研”形成强烈对比,引发对高校奖惩机制和道德审查的广泛批评。</li>
                            <li><strong>危机公关:</strong>校方“等上级安排”等言论被视为官僚与推诿,未能有效引导舆论、修复信任。</li>
                        </ul>
                        <p><strong>影响:</strong>事件已对武汉大学的公信力和品牌形象造成重创,成为高等教育领域关于学术诚信与制度监管的标志性案例。</p>
                    </div>
                </details>
                <details>
                    <summary>4.2 新增/突发话题:学科荣光与现实焦虑的博弈</summary>
                    <div class="details-content">
                        <p><strong>话题描述:</strong>在负面事件之外,一个更具深度的讨论在学生与校友群体中展开——武汉大学顶尖的学术实力(如测绘遥感世界第一)与毕业生面临的现实就业压力(如薪资不达预期、工作强度大)之间的矛盾。</p>
                        <p><strong>表现形式:</strong></p>
                        <ul>
                            <li><strong>自豪感:</strong>在知乎、B站等平台,大量内容赞美学校的学术成就、历史底蕴和美丽校园,体现了强烈的身份认同。</li>
                            <li><strong>焦虑感:</strong>在小红书、脉脉及校内论坛,关于“名校光环”在求职市场失色、特定专业(如法学、医学)投入产出比低、生活成本(如光谷房租)高昂的讨论日益增多。</li>
                        </ul>
                        <p><strong>洞察:</strong>这一话题反映了当代名校学子复杂的群体心态。他们既为母校的“骄傲”而自豪,也为自身的“焦虑”而挣扎。这种“烟火气”的讨论,构成了武汉大学舆情中真实而立体的一面。</p>
                    </div>
                </details>
            </section>

            <section id="channels" class="card">
                <h3>5.0 重点渠道表现</h3>
                <div class="grid-container">
                    <div style="grid-column: 1 / -1;">
                        <h4>5.1 核心平台声量分布</h4>
                        <canvas id="channelDistributionChart"></canvas>
                    </div>
                    <div>
                        <h4>5.2 平台内容特征分析</h4>
                        <ul>
                            <li><strong>微博:</strong>事件引爆和舆论发酵主阵地。传播速度快,情绪化表达突出,是官方回应和媒体跟进的焦点。</li>
                            <li><strong>知乎:</strong>深度讨论和观点交锋的核心平台。大量关于事件细节、制度反思、个人经历的长文回答,形成了复杂的舆论场。</li>
                            <li><strong>B站/抖音:</strong>事件的视频化解读与校园生活展示并存。既有对学术不端事件的科普与评论,也有大量关于樱花季、校园风光的Vlog。</li>
                            <li><strong>小红书/贴吧:</strong>学生和年轻校友的聚集地。充满了对校园生活、学业压力、求职焦虑的“体感”
</body>
</html>