万朱浩 / Venue-Ops

Go to a project
Toggle navigation Toggle navigation pinning
戒酒的李白
3ca87c05 1 parent f0788b64

Fix Bug.

Inline Side-by-side
Showing 21 changed files with 4586 additions and 294 deletions

Too many changes to show.
Reload with full diff Plain diff Email patch

To preserve performance only 21 of 21+ files are displayed.

<!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://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
<style>
:root {
--bg-color: #f4f7f9;
--card-bg-color: #ffffff;
--text-color: #333333;
--heading-color: #1a253c;
--primary-color: #2a64b4;
--primary-hover-color: #1e4a8a;
--secondary-color: #6c757d;
--border-color: #e0e0e0;
--shadow-color: rgba(0, 0, 0, 0.05);
--sidebar-bg: #1a253c;
--sidebar-text: #ffffff;
--sidebar-hover: #3a4a6e;
--chart-grid-color: rgba(0, 0, 0, 0.05);
}
html.dark-mode {
--bg-color: #121212;
--card-bg-color: #1e1e1e;
--text-color: #e0e0e0;
--heading-color: #ffffff;
--primary-color: #5893df;
--primary-hover-color: #7baef3;
--secondary-color: #adb5bd;
--border-color: #333333;
--shadow-color: rgba(0, 0, 0, 0.2);
--sidebar-bg: #1e1e1e;
--sidebar-text: #e0e0e0;
--sidebar-hover: #333333;
--chart-grid-color: rgba(255, 255, 255, 0.1);
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
margin: 0;
background-color: var(--bg-color);
color: var(--text-color);
display: flex;
transition: background-color 0.3s, color 0.3s;
}
#sidebar {
width: 260px;
background-color: var(--sidebar-bg);
color: var(--sidebar-text);
padding: 20px 0;
position: fixed;
height: 100%;
overflow-y: auto;
transition: background-color 0.3s;
}
#sidebar h2 {
text-align: center;
color: var(--sidebar-text);
padding: 0 20px;
margin-bottom: 30px;
font-size: 1.5em;
}
#sidebar nav ul {
list-style: none;
padding: 0;
margin: 0;
}
#sidebar nav ul li a {
display: block;
padding: 12px 20px;
color: var(--sidebar-text);
text-decoration: none;
transition: background-color 0.3s;
border-left: 3px solid transparent;
}
#sidebar nav ul li a:hover {
background-color: var(--sidebar-hover);
border-left-color: var(--primary-color);
}
#main-content {
margin-left: 260px;
flex-grow: 1;
padding: 30px 40px;
}
#report-header {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 2px solid var(--border-color);
padding-bottom: 20px;
margin-bottom: 30px;
}
#report-header h1 {
color: var(--heading-color);
margin: 0;
font-size: 2.2em;
}
.header-actions button {
background-color: var(--primary-color);
color: white;
border: none;
padding: 10px 15px;
border-radius: 5px;
cursor: pointer;
margin-left: 10px;
transition: background-color 0.3s;
}
.header-actions button:hover {
background-color: var(--primary-hover-color);
}
.theme-switcher {
cursor: pointer;
font-size: 1.5em;
margin-left: 15px;
color: var(--secondary-color);
}
.card {
background-color: var(--card-bg-color);
border-radius: 8px;
box-shadow: 0 4px 12px var(--shadow-color);
margin-bottom: 30px;
padding: 25px;
transition: background-color 0.3s, box-shadow 0.3s;
}
.card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
cursor: pointer;
}
.card-header h3 {
color: var(--heading-color);
margin: 0;
font-size: 1.4em;
}
.card-header .toggle-icon {
font-size: 1.5em;
transition: transform 0.3s;
}
.card-content.collapsed {
display: none;
}
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
.kpi-card {
background-color: var(--card-bg-color);
padding: 20px;
border-radius: 8px;
text-align: center;
border-left: 5px solid var(--primary-color);
}
.kpi-card .value {
font-size: 2.5em;
font-weight: bold;
color: var(--heading-color);
}
.kpi-card .label {
font-size: 1em;
color: var(--secondary-color);
}
.chart-container {
position: relative;
height: 400px;
width: 100%;
}
.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 {
margin-bottom: 30px;
position: relative;
padding-left: 50px;
}
.timeline-item::before {
content: '';
position: absolute;
left: 13px;
top: 5px;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: var(--primary-color);
border: 2px solid var(--bg-color);
}
.timeline-item .time {
font-weight: bold;
color: var(--primary-color);
margin-bottom: 5px;
}
.hot-topic-table {
width: 100%;
border-collapse: collapse;
}
.hot-topic-table th, .hot-topic-table td {
padding: 12px 15px;
border: 1px solid var(--border-color);
text-align: left;
}
.hot-topic-table th {
background-color: var(--bg-color);
color: var(--heading-color);
}
.tag {
display: inline-block;
padding: 4px 10px;
border-radius: 15px;
font-size: 0.8em;
font-weight: bold;
}
.tag-positive { background-color: #d4edda; color: #155724; }
.tag-negative { background-color: #f8d7da; color: #721c24; }
.tag-neutral { background-color: #e2e3e5; color: #383d41; }
.tag-pride { background-color: #cce5ff; color: #004085; }
.tag-anxiety { background-color: #fff3cd; color: #856404; }
@media (max-width: 992px) {
#sidebar {
transform: translateX(-260px);
position: fixed;
z-index: 1000;
transition: transform 0.3s;
}
#sidebar.open {
transform: translateX(0);
}
#main-content {
margin-left: 0;
padding: 20px;
}
#report-header h1 { font-size: 1.8em; }
}
@media (max-width: 768px) {
.grid-container {
grid-template-columns: 1fr;
}
#report-header {
flex-direction: column;
align-items: flex-start;
}
#report-header h1 { margin-bottom: 15px; }
}
@media print {
#sidebar, .header-actions {
display: none;
}
#main-content {
margin-left: 0;
padding: 0;
width: 100%;
}
body {
display: block;
background-color: #fff;
color: #000;
}
.card {
box-shadow: none;
border: 1px solid #ccc;
page-break-inside: avoid;
}
}
</style>
</head>
<body>
<aside id="sidebar">
<h2>舆情分析报告</h2>
<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="#hot-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>
<li><a href="#appendix">附录：综合信息</a></li>
</ul>
</nav>
</aside>
<main id="main-content">
<header id="report-header">
<div>
<h1>智能舆情分析报告：武汉大学</h1>
<p style="color: var(--secondary-color); margin-top: 5px;">数据周期: 2024-03-01 至 2024-04-30</p>
</div>
<div class="header-actions">
<span id="theme-switcher" class="theme-switcher">☀️</span>
<button onclick="window.print()">打印报告</button>
<button id="download-pdf">导出PDF</button>
</div>
</header>
<section id="overview" class="card">
<div class="card-header collapser">
<h3>1.0 本期舆情概览</h3>
<span class="toggle-icon">▲</span>
</div>
<div class="card-content">
<h4>1.1 核心数据看板</h4>
<div class="grid-container" style="margin-bottom: 30px;">
<div class="kpi-card">
<div class="value">~210万</div>
<div class="label">有效讨论量</div>
</div>
<div class="kpi-card">
<div class="value">~3.8亿</div>
<div class="label">总阅读/播放量</div>
</div>
<div class="kpi-card">
<div class="value">~420万</div>
<div class="label">总互动量</div>
</div>
</div>
<h4>1.2 本期舆情热度 TOP 3</h4>
<ol>
<li><strong>武大樱花季预约与体验：</strong>微博话题 #武大樱花预约# 阅读量达3.8亿，引发关于“抢票难”、“校园过度商业化”的广泛讨论，情感呈现“浪漫”与“焦虑”交织。</li>
<li><strong>顶尖学科声誉与毕业生现实焦虑：</strong>知乎关于“测绘遥感世界第一”的讨论获4.5万赞，但同时伴随对毕业生薪资（春招中位数7.2k）与房价对比的焦虑，形成“自豪”与“现实压力”的强烈对比。</li>
<li><strong>校史叙事与文化认同：</strong>从“1893自强学堂”到“1913国立武昌高师”的校史起点争议在贴吧等平台持续发酵，同时抖音上“学大汉武立国”的倒读梗病毒式传播，体现了校友对历史的多元解读与文化认同。</li>
</ol>
<h4>1.3 重点预警</h4>
<ul>
<li><strong>就业焦虑情绪上升：</strong>尽管学校学科排名高、科研实力强，但网络上关于优势专业毕业生薪资待遇不及预期的讨论增多，可能影响对未来考生的吸引力。</li>
<li><strong>校园资源分配不均感知：</strong>“院士隔壁的‘二等公民’”等言论反映出部分学生对校内顶尖资源与普通资源差距的强烈感知，存在内部矛盾激化的潜在风险。</li>
<li><strong>校园开放与管理矛盾：</strong>樱花季等开放活动在提升学校美誉度的同时，也带来了管理压力和校内师生体验下降的负面声音，需平衡社会服务与校内秩序。</li>
</ul>
</div>
</section>
<section id="trends" class="card">
<div class="card-header collapser">
<h3>2.0 关键数据趋势</h3>
<span class="toggle-icon">▲</span>
</div>
<div class="card-content">
<div class="grid-container">
<div>
<h4>2.1 声量走势</h4>
<div class="chart-container">
<canvas id="volumeTrendChart"></canvas>
</div>
</div>
<div>
<h4>2.2 情感趋势</h4>
<div class="chart-container">
<canvas id="sentimentTrendChart"></canvas>
</div>
</div>
</div>
</div>
</section>
<section id="timeline" class="card">
<div class="card-header collapser">
<h3>3.0 本周期舆情动态时间轴</h3>
<span class="toggle-icon">▲</span>
</div>
<div class="card-content">
<div class="timeline">
<div class="timeline-item">
<div class="time">3月初</div>
<p><strong>樱花季预热：</strong>小红书、抖音涌现大量“武大赏樱攻略”，正面情感以“浪漫”、“期待”为主。</p>
</div>
<div class="timeline-item">
<div class="time">3月中旬</div>
<p><strong>樱花预约开启：</strong>#武大樱花预约#登上微博热搜，因系统拥堵、黄牛等问题，负面“吐槽”、“焦虑”情绪显著上升，形成舆情高峰。</p>
</div>
<div class="timeline-item">
<div class="time">3月底</div>
<p><strong>春季招聘会：</strong>知乎、脉脉等平台出现关于武大毕业生薪资的讨论，测绘、法学等王牌专业就业的“焦虑”情绪开始发酵。</p>
</div>
<div class="timeline-item">
<div class="time">4月上旬</div>
<p><strong>校友返校与文化活动：</strong>京都大学学生朗诵《将进酒》视频在B站走红，引发对武大人文底蕴的“自豪”感；校史起点争议在贴吧被重提。</p>
</div>
<div class="timeline-item">
<div class="time">4月中旬</div>
<p><strong>科研成果发布：</strong>官方发布“给原子拍CT”等大科学装置进展，引发科技媒体和知识类博主关注，正面“敬意”、“感谢”声量增加。</p>
</div>
<div class="timeline-item">
<div class="time">4月底</div>
<p><strong>学期末与交换生话题：</strong>关于海外交换项目费用和学分转换的讨论增多，情感呈现“理想”与“质疑”的两极化。</p>
</div>
</div>
</div>
</section>
<section id="hot-topics" class="card">
<div class="card-header collapser">
<h3>4.0 热点话题追踪</h3>
<span class="toggle-icon">▲</span>
</div>
<div class="card-content">
<h4>4.1 本期热点话题详情</h4>
<table class="hot-topic-table">
<thead>
<tr>
<th>热点话题</th>
<th>高光叙事 (正面/中性)</th>
<th>焦虑痛点 (负面/争议)</th>
<th>核心情感</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>樱花季：浪漫与喧嚣</strong></td>
<td>“中国最美大学”的视觉盛宴，小红书“童话滤镜”获10万赞，承载校友怀旧与游客向往。</td>
<td>“抢票堪比春运”，预约系统崩溃引吐槽。#武汉人挤不进武大#话题引3.8万条愤怒，商业化被指“母校变景点”。</td>
<td><span class="tag tag-positive">浪漫 42%</span> <span class="tag tag-anxiety">焦虑 28%</span> <span class="tag tag-neutral">怀旧 21%</span></td>
</tr>
<tr>
<td><strong>学科声望：世界第一与工资条</strong></td>
<td>测绘遥感全球第一、法学全国前三等学科实力引发广泛自豪。院士、诺奖得主等顶尖师资是“最强磁场”。</td>
<td>“世界第一的专业买不起武汉一平米”，毕业生薪资与高房价对比引发现实焦虑。法学、医学等专业同样面临高压实习、规培待遇低的困境。</td>
<td><span class="tag tag-pride">自豪 51%</span> <span class="tag tag-anxiety">焦虑 24%</span> <span class="tag tag-neutral">敬意 8%</span></td>
</tr>
<tr>
<td><strong>校史文化：共同剧本与身份认同</strong></td>
<td>抖音“学大汉武立国”倒读梗走红，校友以幽默方式参与历史叙事。老斋舍、十八栋等历史建筑是共同的文化记忆。</td>
<td>关于“1893 vs 1913”的校史起点争议在贴吧等社区周期性出现，被部分学生吐槽为“官方叙事模糊”。</td>
<td><span class="tag tag-pride">自豪 38%</span> <span class="tag tag-neutral">吐槽 34%</span> <span class="tag tag-positive">怀旧 20%</span></td>
</tr>
</tbody>
</table>
<h4 style="margin-top: 30px;">4.2 新增/突发话题</h4>
<p><strong>“资源落差感”成为新舆情燃点：</strong>本周期内，“院士把卫星数据当糖果发”与“PCR仪排队三周”的对比，在学生群体中引发关于“资源不均”的讨论。这一话题虽未大规模破圈，但在校内论坛和匿名社区中热度较高，反映了学生对公平教育资源分配的深层关切，是值得关注的潜在负面情绪增长点。</p>
</div>
</section>
<section id="channels" class="card">
<div class="card-header collapser">
<h3>5.0 重点渠道表现</h3>
<span class="toggle-icon">▲</span>
</div>
<div class="card-content">
<div class="grid-container">
<div>
<h4>5.1 整体情感分布</h4>
<div class="chart-container">
<canvas id="sentimentPieChart"></canvas>
</div>
</div>
<div>
<h4>5.2 平台声量来源分布</h4>
<div class="chart-container">
<canvas id="sourceDistributionChart"></canvas>
</div>
</div>
</div>
</div>
</section>
<section id="risks" class="card">
<div class="card-header collapser">
<h3>6.0 负面与风险监测</h3>
<span class="toggle-icon">▲</span>
</div>
<div class="card-content">
<h4>6.1 负面信息汇总</h4>
<ul>
<li><strong>就业前景焦虑：</strong>关于“名校高学历贬值”、“王牌专业就业难、薪资低”的讨论，尤其集中在测绘、法学、临床医学规培等领域。</li>
<li><strong>校园管理与商业化批评：</strong>主要围绕樱花季的预约难、
</body>
</html>
\ No newline at end of file
... ...
<!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>
<style>
:root {
--primary-color: #2c3e50;
--secondary-color: #3498db;
--background-color: #f4f7f9;
--card-bg-color: #ffffff;
--text-color: #333333;
--heading-color: #2c3e50;
--border-color: #e0e0e0;
--shadow-color: rgba(0, 0, 0, 0.08);
--success-color: #27ae60;
--warning-color: #f39c12;
--danger-color: #e74c3c;
--neutral-color: #95a5a6;
--font-family: 'Helvetica Neue', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft Yahei', sans-serif;
}
.dark-mode {
--primary-color: #ecf0f1;
--secondary-color: #3498db;
--background-color: #1e272e;
--card-bg-color: #2c3a47;
--text-color: #bdc3c7;
--heading-color: #ffffff;
--border-color: #4a6fa5;
--shadow-color: rgba(0, 0, 0, 0.2);
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: var(--font-family);
background-color: var(--background-color);
color: var(--text-color);
line-height: 1.6;
transition: background-color 0.3s, color 0.3s;
font-size: 16px;
}
.container {
display: flex;
max-width: 1600px;
margin: 0 auto;
}
.sidebar {
width: 260px;
background-color: var(--card-bg-color);
border-right: 1px solid var(--border-color);
position: sticky;
top: 0;
height: 100vh;
overflow-y: auto;
padding: 20px;
transition: background-color 0.3s, border-color 0.3s;
}
.sidebar h2 {
font-size: 1.2em;
color: var(--heading-color);
margin-bottom: 20px;
border-bottom: 2px solid var(--secondary-color);
padding-bottom: 10px;
}
.sidebar nav ul {
list-style: none;
}
.sidebar nav li a {
display: block;
color: var(--text-color);
text-decoration: none;
padding: 10px 15px;
border-radius: 5px;
margin-bottom: 5px;
transition: background-color 0.2s, color 0.2s;
}
.sidebar nav li a:hover, .sidebar nav li a.active {
background-color: var(--secondary-color);
color: #fff;
}
.main-content {
flex-grow: 1;
padding: 30px;
overflow-x: hidden;
}
header {
margin-bottom: 30px;
}
header h1 {
font-size: 2.5em;
color: var(--heading-color);
margin-bottom: 10px;
}
header .meta-info {
font-size: 0.9em;
color: var(--neutral-color);
}
.card {
background-color: var(--card-bg-color);
border-radius: 12px;
padding: 25px;
margin-bottom: 30px;
box-shadow: 0 4px 15px var(--shadow-color);
transition: background-color 0.3s, box-shadow 0.3s;
}
.card-header {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
border-bottom: 1px solid var(--border-color);
padding-bottom: 15px;
margin-bottom: 20px;
}
.card-header h3 {
color: var(--heading-color);
font-size: 1.5em;
}
.card-header .toggle-icon {
font-size: 1.5em;
transition: transform 0.3s;
}
.card-header.collapsed .toggle-icon {
transform: rotate(-90deg);
}
.card-content {
max-height: 5000px;
overflow: hidden;
transition: max-height 0.7s ease-in-out, padding 0.5s ease;
}
.card-content.collapsed {
max-height: 0;
padding-top: 0;
padding-bottom: 0;
margin-top: -20px;
}
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin-bottom: 20px;
}
.stat-box {
background: linear-gradient(135deg, var(--card-bg-color), color-mix(in srgb, var(--card-bg-color) 80%, var(--secondary-color)));
padding: 20px;
border-radius: 8px;
text-align: center;
border: 1px solid var(--border-color);
}
.stat-box .value {
font-size: 2em;
font-weight: bold;
color: var(--heading-color);
}
.stat-box .label {
font-size: 0.9em;
color: var(--neutral-color);
}
.topic-list li {
background-color: var(--background-color);
padding: 15px;
border-radius: 8px;
margin-bottom: 10px;
border-left: 4px solid var(--secondary-color);
}
.topic-list li strong {
color: var(--heading-color);
}
.alert-box {
padding: 15px;
border-radius: 8px;
margin-bottom: 10px;
border-left: 5px solid;
}
.alert-warning {
background-color: color-mix(in srgb, var(--warning-color) 15%, transparent);
border-color: var(--warning-color);
}
.chart-container {
position: relative;
height: 400px;
width: 100%;
}
.timeline {
position: relative;
padding: 20px 0;
}
.timeline::before {
content: '';
position: absolute;
left: 20px;
top: 0;
bottom: 0;
width: 2px;
background: var(--border-color);
}
.timeline-item {
position: relative;
margin-bottom: 20px;
padding-left: 40px;
}
.timeline-item::before {
content: '';
position: absolute;
left: 13px;
top: 5px;
width: 15px;
height: 15px;
border-radius: 50%;
background: var(--secondary-color);
border: 2px solid var(--background-color);
}
.timeline-item .time {
font-weight: bold;
color: var(--secondary-color);
display: block;
margin-bottom: 5px;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
th, td {
padding: 12px 15px;
border: 1px solid var(--border-color);
text-align: left;
}
th {
background-color: color-mix(in srgb, var(--primary-color) 10%, var(--card-bg-color));
color: var(--heading-color);
}
.controls {
position: fixed;
top: 20px;
right: 30px;
display: flex;
gap: 10px;
z-index: 1000;
}
.control-btn {
background-color: var(--card-bg-color);
border: 1px solid var(--border-color);
color: var(--text-color);
padding: 10px 15px;
border-radius: 20px;
cursor: pointer;
font-size: 1em;
box-shadow: 0 2px 5px var(--shadow-color);
transition: all 0.2s;
}
.control-btn:hover {
transform: translateY(-2px);
box-shadow: 0 4px 10px var(--shadow-color);
}
@media (max-width: 1024px) {
.container { flex-direction: column; }
.sidebar { position: static; width: 100%; height: auto; border-right: none; border-bottom: 1px solid var(--border-color); }
.controls { position: absolute; }
}
@media (max-width: 768px) {
.main-content { padding: 20px; }
header h1 { font-size: 2em; }
.grid-container { grid-template-columns: 1fr; }
.controls { display: none; }
}
@media print {
body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.sidebar, .controls, .card-header .toggle-icon { display: none; }
.main-content { padding: 0; }
.card { box-shadow: none; border: 1px solid #ccc; page-break-inside: avoid; }
.card-content, .card-content.collapsed { max-height: none !important; overflow: visible; padding: 20px !important; margin: 0 !important; }
.card-header { border-bottom: 1px solid #ccc; }
.chart-container { height: 300px; page-break-inside: avoid; }
}
</style>
</head>
<body>
<div class="controls">
<button id="theme-toggle" class="control-btn">🌙 暗色模式</button>
<button onclick="window.print()" class="control-btn">🖨️ 打印/导出PDF</button>
</div>
<div class="container">
<aside class="sidebar">
<h2>导航目录</h2>
<nav>
<ul>
<li><a href="#s1">1.0 舆情概览</a></li>
<li><a href="#s2">2.0 关键数据趋势</a></li>
<li><a href="#s3">3.0 舆情动态时间轴</a></li>
<li><a href="#s4">4.0 热点话题追踪</a></li>
<li><a href="#s5">5.0 重点渠道表现</a></li>
<li><a href="#s6">6.0 负面与风险监测</a></li>
<li><a href="#s7">7.0 简报与关注点</a></li>
</ul>
</nav>
</aside>
<main class="main-content">
<header>
<h1>智能舆情分析报告</h1>
<p class="meta-info">分析对象：武汉大学 | 数据周期：2024-03-01 至 2024-04-30</p>
</header>
<section id="s1" class="card">
<div class="card-header">
<h3>1.0 本期舆情概览</h3>
<span class="toggle-icon">▼</span>
</div>
<div class="card-content">
<h4>1.1 核心数据看板</h4>
<div class="grid-container">
<div class="stat-box">
<div class="value">210万+</div>
<div class="label">相关声量</div>
</div>
<div class="stat-box">
<div class="value">3.8亿+</div>
<div class="label">总阅读/播放量</div>
</div>
<div class="stat-box">
<div class="value">420万+</div>
<div class="label">总互动量</div>
</div>
<div class="stat-box">
<div class="value" style="color: var(--success-color);">51%</div>
<div class="label">正面情绪占比</div>
</div>
</div>
<h4>1.2 本期舆情热度 TOP 3</h4>
<ul class="topic-list">
<li><strong>TOP 1: 武大樱花季 (阅读量 ≈3.8亿)</strong><br>#武大樱花预约# 话题引爆社交媒体，讨论集中于预约难度、校园美景与游客管理，情感呈现“浪漫”与“焦虑”交织的两极化特征。</li>
<li><strong>TOP 2: 学科实力与就业前景讨论 (赞同/讨论 ≈5万)</strong><br>以知乎为中心，关于测绘遥感“世界第一”的自豪感，与对毕业生实际薪资水平的焦虑形成鲜明对比，引发“名校光环vs现实压力”的深度探讨。</li>
<li><strong>TOP 3: 校史渊源与文化认同 (讨论量 ≈2万)</strong><br>围绕建校史（1893 vs 1913）的“玩梗”与严肃讨论并存，体现了师生校友对学校历史的强烈关注和身份认同感。</li>
</ul>
<h4>1.3 重点预警</h4>
<div class="alert-box alert-warning">
<strong>潜在风险：</strong>毕业生就业焦虑情绪正在从个体吐槽向群体性议题演化，尤其是顶尖学科与市场薪酬的“体感落差”可能影响未来的招生吸引力和品牌声誉。需关注并加强正面引导。
</div>
</div>
</section>
<section id="s2" class="card">
<div class="card-header">
<h3>2.0 关键数据趋势</h3>
<span class="toggle-icon">▼</span>
</div>
<div class="card-content">
<h4>2.1 声量与情感走势</h4>
<div class="chart-container">
<canvas id="trendsChart"></canvas>
</div>
<p><strong>分析：</strong>声量在三月中下旬达到顶峰，与“樱花季”高度相关。正面情绪（蓝色）随樱花季和学术成就讨论而上扬，但负面/焦虑情绪（红色）也同步增长，尤其体现在樱花预约困难和后续的就业薪资讨论中，展现了舆论的双重性。</p>
<h4>2.2 整体情感分布</h4>
<div class="chart-container" style="height:350px;">
<canvas id="sentimentPieChart"></canvas>
</div>
<p><strong>分析：</strong>整体舆论以正面情绪为主（51%），主要来源于对学校历史、学术成就、美丽校园的自豪感与喜爱。负面情绪（34%）则集中于现实压力，如就业、内卷、资源分配等。中性讨论（15%）多为信息咨询与事实陈述。</p>
</div>
</section>
<section id="s3" class="card">
<div class="card-header">
<h3>3.0 本周期舆情动态时间轴</h3>
<span class="toggle-icon">▼</span>
</div>
<div class="card-content">
<div class="timeline">
<div class="timeline-item">
<span class="time">3月上旬</span>
<p>樱花季预热，小红书、抖音出现大量“赏樱攻略”，正面期待情绪高涨。</p>
</div>
<div class="timeline-item">
<span class="time">3月15日</span>
<p>樱花预约通道开放，#武大樱花预约# 冲上微博热搜，因访问量过大导致系统卡顿，引发大量“抢票像春运”的吐槽，负面情绪首次高峰。</p>
</div>
<div class="timeline-item">
<span class="time">3月下旬</span>
<p>樱花盛开期，游客与学生发布的校园美景图文、视频刷屏，正面情感压倒负面，形成本周期声量与正面情绪最高峰。</p>
</div>
<div class="timeline-item">
<span class="time">4月上旬</span>
<p>知乎出现高赞问题：“如何看待武大测绘遥感世界第一，但毕业生薪资并不突出？”，引发大规模讨论，焦虑情绪显著上升。</p>
</div>
<div class="timeline-item">
<span class="time">4月中旬</span>
<p>B站“阿牙”医生等口腔医学KOL视频受关注，正面口碑持续发酵。同时，关于规培生待遇低的讨论在小范围内传播。</p>
</div>
<div class="timeline-item">
<span class="time">4月下旬</span>
<p>校友雷军、陈东升等商业成就被媒体报道，引发一波对武大“人才培养”的自豪感讨论。</p>
</div>
</div>
</div>
</section>
<section id="s4" class="card">
<div class="card-header">
<h3>4.0 热点话题追踪</h3>
<span class="toggle-icon">▼</span>
</div>
<div class="card-content">
<h4>4.1 本期热点事件详情</h4>
<h5>话题一：樱花季的“浪漫”与“烦恼”</h5>
<p>樱花季是武汉大学最具代表性的公共事件。舆论场呈现清晰的两面：一方面，是海量的赞美与向往，通过精美的图文和视频，将武大樱花塑造成一个浪漫的文化符号；另一方面，是围绕“预约难”和“游客过多影响教学”的抱怨和争议。这种矛盾体现了大学作为公共文化资源与维护正常教学秩序之间的张力。</p>
<h5>话题二：学术光环下的现实焦虑</h5>
<p>“测绘遥感世界第一”等学术成就为学校带来巨大的声誉和自豪感。然而，当这些宏大叙事与毕业生面临的“就业薪资”、“工作压力”等具体问题碰撞时，产生了强烈的舆论张力。用户讨论不再满足于抽象的排名，而是更关心“顶尖学科”能否直接转化为个体优越的职业发展。这种“自豪与焦虑并存”的心态，是当前高学历人群普遍心态的缩影。</p>
<h4>4.2 新增/突发话题</h4>
<p><strong>国际交流成本讨论：</strong>在关于国际合作的讨论中，有声音指出哈佛等顶尖名校的交换项目成本高昂（如“300美元房租劝退普通家庭”），普通家庭学生难以企及。这个话题虽未大规模发酵，但触及了教育公平和资源普惠性的敏感点，值得关注。</p>
</div>
</section>
<section id="s5" class="card">
<div class="card-header">
<h3>5.0 重点渠道表现</h3>
<span class="toggle-icon">▼</span>
</div>
<div class="card-content">
<h4>5.1 核心媒体平台表现</h4>
<div class="chart-container" style="height:350px;">
<canvas id="sourceDistributionChart"></canvas>
</div>
<p><strong>渠道分析：</strong></p>
<ul>
<li><strong>微博:</strong> 主要舆论场和话题引爆点，#武大樱花预约#等热搜源头，情绪放大效应明显。</li>
<li><strong>知乎:</strong> 深度讨论的核心阵地，关于学科实力、就业前景、校史等严肃话题的发源地，观点专业，影响力深远。</li>
<li><strong>小红书/抖音:</strong> 视觉化、生活化内容的集散地，主导了“最美大学”的形象塑造，以正面、浪漫内容为主。</li>
<li><strong>B站:</strong> 知识科普与校园生活展示平台，涌现了如口腔医学科普等优质内容，有助于专业形象的软性传播。</li>
</body>
</html>
\ No newline at end of file
... ...
<!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>
<style>
:root {
--primary-color: #2c3e50;
--secondary-color: #3498db;
--accent-color: #2980b9;
--bg-color: #ecf0f1;
--card-bg-color: #ffffff;
--text-color: #34495e;
--heading-color: #2c3e50;
--border-color: #dce4e8;
--shadow-color: rgba(0, 0, 0, 0.1);
--success-color: #27ae60;
--warning-color: #f39c12;
--danger-color: #c0392b;
--neutral-color: #95a5a6;
}
body.dark-mode {
--primary-color: #ecf0f1;
--secondary-color: #3498db;
--accent-color: #5dade2;
--bg-color: #2c3e50;
--card-bg-color: #34495e;
--text-color: #bdc3c7;
--heading-color: #ffffff;
--border-color: #4a627a;
--shadow-color: rgba(0, 0, 0, 0.2);
}
* {
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;
font-size: 16px;
}
.container {
display: flex;
max-width: 1600px;
margin: 0 auto;
}
.sidebar {
width: 260px;
background-color: var(--card-bg-color);
padding: 20px;
position: sticky;
top: 0;
height: 100vh;
overflow-y: auto;
border-right: 1px solid var(--border-color);
transition: background-color 0.3s, border-color 0.3s;
}
.sidebar h2 {
color: var(--heading-color);
margin-bottom: 20px;
font-size: 1.5em;
border-bottom: 2px solid var(--secondary-color);
padding-bottom: 10px;
}
.sidebar nav ul {
list-style: none;
}
.sidebar nav li a {
display: block;
color: var(--text-color);
text-decoration: none;
padding: 10px 15px;
border-radius: 5px;
margin-bottom: 5px;
transition: background-color 0.2s, color 0.2s;
}
.sidebar nav li a:hover, .sidebar nav li a.active {
background-color: var(--secondary-color);
color: #fff;
}
.main-content {
flex: 1;
padding: 20px 40px;
overflow-x: hidden;
}
header {
margin-bottom: 30px;
border-bottom: 1px solid var(--border-color);
padding-bottom: 20px;
}
header h1 {
color: var(--heading-color);
font-size: 2.5em;
margin-bottom: 10px;
}
header .report-meta {
font-size: 0.9em;
color: var(--neutral-color);
}
.card {
background-color: var(--card-bg-color);
border-radius: 8px;
padding: 25px;
margin-bottom: 25px;
box-shadow: 0 4px 15px var(--shadow-color);
transition: background-color 0.3s, box-shadow 0.3s;
overflow: hidden;
}
h2.section-title {
color: var(--heading-color);
font-size: 1.8em;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid var(--border-color);
}
.dashboard {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
}
.stat-item {
background-color: var(--bg-color);
padding: 20px;
border-radius: 8px;
text-align: center;
border-left: 5px solid var(--secondary-color);
}
.stat-item .value {
font-size: 2em;
font-weight: bold;
color: var(--heading-color);
}
.stat-item .label {
font-size: 0.9em;
color: var(--neutral-color);
}
.chart-container {
position: relative;
height: 400px;
width: 100%;
}
.grid-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 25px;
}
details {
background: var(--bg-color);
border-radius: 5px;
padding: 15px;
margin-bottom: 15px;
border: 1px solid var(--border-color);
}
summary {
font-weight: bold;
cursor: pointer;
color: var(--accent-color);
font-size: 1.1em;
}
summary::marker {
color: var(--secondary-color);
}
.timeline {
position: relative;
padding-left: 30px;
border-left: 2px solid var(--secondary-color);
}
.timeline-item {
margin-bottom: 20px;
position: relative;
}
.timeline-item::before {
content: '';
position: absolute;
left: -37px;
top: 5px;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: var(--card-bg-color);
border: 2px solid var(--secondary-color);
}
.timeline-item .time {
font-weight: bold;
color: var(--accent-color);
}
.topic-card {
border-left: 5px solid;
padding-left: 20px;
}
.topic-card.danger { border-color: var(--danger-color); }
.topic-card.warning { border-color: var(--warning-color); }
.topic-card.success { border-color: var(--success-color); }
.tag {
display: inline-block;
padding: 3px 10px;
border-radius: 15px;
font-size: 0.8em;
color: #fff;
margin-right: 5px;
}
.tag.positive { background-color: var(--success-color); }
.tag.negative { background-color: var(--danger-color); }
.tag.neutral { background-color: var(--neutral-color); }
.toolbar {
position: fixed;
bottom: 20px;
right: 20px;
display: flex;
gap: 10px;
z-index: 1000;
}
.toolbar button {
background-color: var(--primary-color);
color: var(--bg-color);
border: none;
border-radius: 50%;
width: 50px;
height: 50px;
font-size: 1.5em;
cursor: pointer;
box-shadow: 0 4px 10px var(--shadow-color);
transition: transform 0.2s, background-color 0.3s;
}
.toolbar button:hover {
transform: translateY(-3px);
background-color: var(--accent-color);
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 15px;
}
th, td {
padding: 12px;
text-align: left;
border-bottom: 1px solid var(--border-color);
}
th {
background-color: var(--bg-color);
color: var(--heading-color);
}
blockquote {
border-left: 4px solid var(--secondary-color);
padding-left: 15px;
margin: 15px 0;
font-style: italic;
color: var(--neutral-color);
}
@media (max-width: 1200px) {
.container { flex-direction: column; }
.sidebar { position: static; width: 100%; height: auto; border-right: none; border-bottom: 1px solid var(--border-color); }
.main-content { padding: 20px; }
}
@media (max-width: 768px) {
.grid-2 { grid-template-columns: 1fr; }
header h1 { font-size: 2em; }
h2.section-title { font-size: 1.5em; }
}
@media print {
.sidebar, .toolbar, header .report-meta, details summary::marker {
display: none;
}
body, .main-content, .card {
background: #fff !important;
color: #000 !important;
box-shadow: none;
border: none;
padding: 0;
margin: 0;
}
.container { display: block; }
.card { margin-bottom: 20px; page-break-inside: avoid; }
a { text-decoration: none; color: inherit; }
}
</style>
</head>
<body>
<div class="container">
<aside class="sidebar">
<h2>报告导航</h2>
<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="#hot-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>
<li><a href="#appendix">8.0 数据附录</a></li>
</ul>
</nav>
</aside>
<main class="main-content">
<header>
<h1>智能舆情分析报告：武汉大学</h1>
<div class="report-meta">报告周期：近期综合数据 | 生成时间：2025-08-26</div>
</header>
<section id="overview" class="card">
<h2 class="section-title">1.0 本周/月舆情概览</h2>
<details open>
<summary>1.1 核心数据看板</summary>
<div class="dashboard" style="margin-top: 20px;">
<div class="stat-item"><div class="value">≈2.1M</div><div class="label">相关信息量</div></div>
<div class="stat-item"><div class="value">≈3.8亿</div><div class="label">总阅读量</div></div>
<div class="stat-item"><div class="value">≈4.2M</div><div class="label">总互动量</div></div>
<div class="stat-item" style="border-color: var(--danger-color);"><div class="value">42.5%</div><div class="label">负面/焦虑情绪占比</div></div>
</div>
</details>
<details open>
<summary>1.2 本期舆情热度 TOP 3</summary>
<ol style="margin-top:15px; padding-left:20px;">
<li><b>学术诚信危机：</b>杨景媛学术不端及图书馆诬告案引发全网对学校学术审查和危机处理能力的质疑。</li>
<li><b>校园文化与公共形象：</b>樱花季预约难、游客冲突等周期性话题，反映了“最美大学”光环下的管理压力。</li>
<li><b>学术声望与现实焦虑：</b>“世界第一”学科与毕业生就业薪资的巨大反差，引发在校生和校友的普遍焦虑。</li>
</ol>
</details>
<details>
<summary>1.3 重点预警</summary>
<p style="margin-top:15px;"><span class="tag negative">高风险</span>学术不端事件调查仍在进行中，校方最终处理结果将直接影响舆论走向，可能引发第二波舆情高峰。需警惕“反应迟缓”、“包庇”等负面标签被固化。</p>
</details>
</section>
<section id="trends" class="card">
<h2 class="section-title">2.0 关键数据趋势</h2>
<div class="grid-2">
<div>
<h3>2.1 声量走势</h3>
<div class="chart-container"><canvas id="volumeTrendChart"></canvas></div>
</div>
<div>
<h3>2.2 情感趋势</h3>
<div class="chart-container"><canvas id="sentimentTrendChart"></canvas></div>
</div>
<div>
<h3>整体情感分布</h3>
<div class="chart-container" style="height:300px"><canvas id="sentimentPieChart"></canvas></div>
</div>
</div>
</section>
<section id="timeline" class="card">
<h2 class="section-title">3.0 本周期舆情动态时间轴</h2>
<div class="timeline">
<div class="timeline-item">
<div class="time">2025年7月</div>
<p>武汉大学硕士毕业生杨景媛被曝硕士论文严重造假，同时其诬告肖姓学弟性骚扰案败诉的背景被挖出，事件开始在社交媒体发酵。</p>
</div>
<div class="timeline-item">
<div class="time">2025年7月31日</div>
<p>香港浸会大学就杨景媛录取争议发表声明，表示将启动独立审查程序，舆论关注度升级。</p>
</div>
<div class="timeline-item">
<div class="time">2025年8月1日</div>
<p>在央媒关注后，武汉大学官方宣布成立工作专班，对杨景媛学术不端问题进行全面调查复核，但因反应速度慢于公众预期而受到批评。</p>
</div>
<div class="timeline-item">
<div class="time">2025年8月6日</div>
<p>网络流传“香港浸会大学撤销杨景媛录取资格”的消息，后被证实为谣言，校方表示仍在按程序处理，引发公众对处理效率的进一步质疑。</p>
</div>
<div class="timeline-item">
<div class="time">近期其他热点</div>
<p>春季樱花节期间，#武大樱花预约# 话题登上热搜，引发关于校园开放与管理的讨论。同时，关于顶尖学科毕业生就业薪资的讨论在知乎、B站等平台持续发酵。</p>
</div>
</div>
</section>
<section id="hot-topics" class="card">
<h2 class="section-title">4.0 热点话题追踪</h2>
<details open>
<summary>4.1 热点事件详情</summary>
<article class="topic-card danger" style="margin-top: 20px;">
<h4>议题一：学术诚信危机与信任重创 (杨景媛事件)</h4>
<p><b>核心问题：</b>杨景媛学术不端事件与图书馆诬告案交织，暴露了学校在研究生培养、论文审核、学生管理及危机公关等方面的系统性漏洞。</p>
<p><b>舆论焦点：</b></p>
<ul>
<li><b>学术审查失效：</b>公众普遍质疑导师指导责任、答辩委员会的审查职能以及学位授予的严肃性。</li>
<li><b>危机应对迟缓：</b>校方在事件发酵初期反应滞后，“等上级安排”等言论被视为官僚主义，错失了引导舆论、修复信任的最佳窗口。</li>
<li><b>程序正义缺失：</b>对被诬告学生肖同学的处理与对杨景媛的“保研”形成鲜明对比，引发对高校公平正义的强烈质疑。</li>
</ul>
<blockquote>“百年名校的声誉，可能因为一次不作为而蒙上难以擦拭的污点。” - 微博高赞评论</blockquote>
</article>
<article class="topic-card warning" style="margin-top: 20px;">
<h4>议题二：学术光环与现实焦虑的拉锯</h4>
<p><b>核心现象：</b>以“测绘遥感世界第一”为代表的顶尖学科声望与相关专业毕业生面临的就业市场现实（如薪资、工作压力）形成巨大反差，引发学生群体的普遍焦虑和讨论。</p>
<p><b>情感洞察：</b>这种情绪并非否定学校的学术成就，而是一种更复杂的“爱之深、忧之切”。学生们既为母校的荣誉感到自豪，也为自己未来的职业发展感到迷茫。这种“骄傲与焦虑并存”是当前高学历人才市场竞争激烈下的普遍心态在武大的集中体现。</p>
<table>
<thead><tr><th>学科</th><th>高光叙事</th><th>焦虑痛点</th><th>情感走势</th></tr></thead>
<tbody>
<tr><td>测绘遥感</td><td>知乎“世界第一”高赞</td><td>“毕业买不起武汉一平米”</td><td>自豪感被现实焦虑稀释</td></tr>
<tr><td>法学</td><td>省考“双第一”报喜</td><td>红圈所实习薪资低，压力大</td><td>精英光环下的生存挣扎</td></tr>
<tr><td>口腔医学</td><td>B站科普视频百万播放</td><td>规培薪资低，工作强度大</td><td>信赖感与个人辛酸并存</td></tr>
</tbody>
</table>
</article>
<article class="topic-card success" style="margin-top: 20px;">
<h4>议题三：百年校史与校园文化的“开放剧本”</h4>
<p><b>核心观察：</b>武汉大学的深厚历史与优美环境是舆论场中的“正面资产”，持续产生积极情感价值。从樱花季的浪漫想象，到对民国老建筑的怀旧，再到对校史的趣味解读（如“学大汉武立国”梗），都构成了强大的品牌护城河。</p>
<p><b>双面性：</b>然而，这种高关注度也带来了管理挑战。樱花季的“抢票难”和游客冲突，以及对校园过度商业化的担忧，表明公众对这片“精神家园”有着极高的期待和保护欲。</p>
<blockquote>“历史是武大人共同的‘开放剧本’，人人可改台词，却从未离场。” - 洞察引擎分析</blockquote>
</article>
</details>
</body>
</html>
\ No newline at end of file
... ...
<!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/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
<style>
:root {
--primary-color: #2c3e50;
--secondary-color: #3498db;
--accent-color: #e74c3c;
--bg-color: #ecf0f1;
--text-color: #34495e;
--card-bg-color: #ffffff;
--border-color: #dce4e8;
--shadow-color: rgba(0, 0, 0, 0.08);
--positive-color: #2ecc71;
--negative-color: #e74c3c;
--neutral-color: #f1c40f;
}
body.dark-mode {
--primary-color: #ecf0f1;
--secondary-color: #3498db;
--accent-color: #e74c3c;
--bg-color: #2c3e50;
--text-color: #bdc3c7;
--card-bg-color: #34495e;
--border-color: #4a627a;
--shadow-color: rgba(0, 0, 0, 0.2);
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
body {
font-family: 'Noto Sans SC', sans-serif;
margin: 0;
background-color: var(--bg-color);
color: var(--text-color);
line-height: 1.6;
transition: background-color 0.3s, color 0.3s;
}
.container {
display: flex;
max-width: 1600px;
margin: 0 auto;
}
header {
background-color: var(--card-bg-color);
padding: 20px 40px;
border-bottom: 1px solid var(--border-color);
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0 2px 5px var(--shadow-color);
}
header h1 {
color: var(--primary-color);
margin: 0;
font-size: 24px;
}
header .subtitle {
font-size: 16px;
color: var(--text-color);
opacity: 0.8;
}
.controls button {
background-color: var(--secondary-color);
color: white;
border: none;
padding: 8px 16px;
border-radius: 5px;
cursor: pointer;
margin-left: 10px;
transition: background-color 0.3s;
}
.controls button:hover {
background-color: #2980b9;
}
.sidebar {
width: 240px;
background-color: var(--card-bg-color);
padding: 20px;
height: calc(100vh - 85px);
position: sticky;
top: 0;
border-right: 1px solid var(--border-color);
overflow-y: auto;
}
.sidebar h2 {
font-size: 18px;
color: var(--primary-color);
border-bottom: 2px solid var(--secondary-color);
padding-bottom: 10px;
}
.sidebar ul {
list-style: none;
padding: 0;
margin: 0;
}
.sidebar li a {
display: block;
color: var(--text-color);
text-decoration: none;
padding: 10px 15px;
border-radius: 5px;
transition: background-color 0.2s, color 0.2s;
font-weight: 500;
}
.sidebar li a:hover, .sidebar li a.active {
background-color: var(--secondary-color);
color: white;
}
.main-content {
flex: 1;
padding: 20px 40px;
}
section {
margin-bottom: 40px;
}
section > h2 {
font-size: 28px;
color: var(--primary-color);
border-bottom: 3px solid var(--border-color);
padding-bottom: 15px;
margin-bottom: 25px;
}
.card {
background-color: var(--card-bg-color);
border-radius: 8px;
padding: 25px;
margin-bottom: 20px;
box-shadow: 0 4px 12px var(--shadow-color);
transition: background-color 0.3s;
}
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
}
.stat-card {
text-align: center;
}
.stat-card .value {
font-size: 36px;
font-weight: 700;
color: var(--secondary-color);
}
.stat-card .label {
font-size: 14px;
color: var(--text-color);
opacity: 0.8;
}
.top-topic-card {
border-left: 5px solid var(--secondary-color);
padding-left: 20px;
}
.top-topic-card.negative {
border-left-color: var(--accent-color);
}
.top-topic-card h4 {
margin-top: 0;
color: var(--primary-color);
}
.collapsible > header {
cursor: pointer;
padding: 15px;
background-color: var(--bg-color);
border-radius: 5px;
display: flex;
justify-content: space-between;
align-items: center;
}
.collapsible > header:hover {
background-color: var(--border-color);
}
.collapsible > header::after {
content: '▼';
transition: transform 0.3s;
}
.collapsible.open > header::after {
transform: rotate(-180deg);
}
.collapsible > .content {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out;
padding: 0 20px;
}
.collapsible.open > .content {
padding: 20px;
max-height: 2000px; /* Adjust as needed */
}
.timeline {
position: relative;
padding-left: 40px;
border-left: 2px solid var(--secondary-color);
}
.timeline-item {
position: relative;
margin-bottom: 30px;
}
.timeline-item::before {
content: '';
position: absolute;
left: -48px;
top: 5px;
width: 14px;
height: 14px;
border-radius: 50%;
background-color: white;
border: 3px solid var(--secondary-color);
}
.timeline-item .time {
font-weight: bold;
color: var(--secondary-color);
}
table {
width: 100%;
border-collapse: collapse;
}
th, td {
text-align: left;
padding: 12px 15px;
border-bottom: 1px solid var(--border-color);
}
th {
background-color: var(--bg-color);
font-weight: 700;
color: var(--primary-color);
}
.insight-table strong { color: var(--accent-color); }
footer {
text-align: center;
padding: 20px;
font-size: 14px;
color: var(--text-color);
opacity: 0.7;
border-top: 1px solid var(--border-color);
margin-top: 40px;
}
@media (max-width: 1024px) {
.container { flex-direction: column; }
.sidebar { width: 100%; height: auto; position: static; border-right: none; border-bottom: 1px solid var(--border-color); }
.main-content { padding: 20px; }
}
@media (max-width: 768px) {
header { flex-direction: column; align-items: flex-start; gap: 10px; }
.controls { width: 100%; text-align: right; }
}
@media print {
body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
header, .sidebar, .controls { display: none; }
.main-content { padding: 0; }
.card { box-shadow: none; border: 1px solid #ccc; }
section { page-break-inside: avoid; }
.collapsible > .content { max-height: none !important; padding: 20px !important; }
.collapsible.open > header::after { display: none; }
}
</style>
</head>
<body>
<header>
<div>
<h1>智能舆情分析报告</h1>
<p class="subtitle">分析对象：武汉大学</p>
</div>
<div class="controls">
<button id="theme-toggle">切换暗色模式</button>
<button onclick="window.print()">打印 / 导出PDF</button>
</div>
</header>
<div class="container">
<nav class="sidebar">
<h2>报告目录</h2>
<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="#hot-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>
<li><a href="#appendix">8.0 数据附录</a></li>
</ul>
</nav>
<main class="main-content">
<section id="overview">
<h2>1.0 本期舆情概览</h2>
<div class="card">
<h3>1.1 核心数据看板</h3>
<div class="grid-container">
<div class="stat-card">
<div class="value">210万+</div>
<div class="label">总声量</div>
</div>
<div class="stat-card">
<div class="value">3.8亿+</div>
<div class="label">总阅读量</div>
</div>
<div class="stat-card">
<div class="value">420万+</div>
<div class="label">总互动量</div>
</div>
<div class="stat-card">
<div class="value">48.2%</div>
<div class="label">负面情感占比</div>
</div>
</div>
</div>
<div class="card">
<h3>1.2 本期舆情热度 TOP 3</h3>
<div class="grid-container">
<div class="top-topic-card negative">
<h4>1. 杨景媛学术不端及图书馆诬告案</h4>
<p>本期最核心负面事件。硕士论文学术造假与此前诬告案败诉联动，引爆全网对高校学术诚信、审核机制及危机公关的拷问，对武大声誉造成严重冲击。</p>
</div>
<div class="top-topic-card">
<h4>2. 校园文化与社会热议</h4>
<p>以“樱花季”为代表的校园文化持续引发关注，但“抢票难”、“商业化”等争议并存。校史讨论呈现“玩梗”与严肃考据并存的年轻化特征。</p>
</div>
<div class="top-topic-card negative">
<h4>3. 学科优势与职业焦虑</h4>
<p>“测绘遥感世界第一”等学术光环带来巨大自豪感，但相关专业毕业生对薪资、就业压力的“吐槽”形成强烈反差，反映了理想与现实的碰撞。</p>
</div>
</div>
</div>
<div class="card">
<h3>1.3 重点预警</h3>
<p><strong>学术诚信危机持续发酵：</strong>杨景媛事件已由个人学术不端问题，演变为对武汉大学研究生培养、论文审查、导师责任及后续处理公正性的系统性质疑。校方初期反应迟缓，进一步加剧了公众的不信任感。事件后续处理结果将直接影响学校公信力，风险等级极高。</p>
</div>
</section>
<section id="trends">
<h2>2.0 关键数据趋势</h2>
<div class="grid-container">
<div class="card">
<h3>2.1 声量走势</h3>
<canvas id="volume-chart"></canvas>
</div>
<div class="card">
<h3>2.2 情感趋势</h3>
<canvas id="sentiment-chart"></canvas>
</div>
</div>
</section>
<section id="timeline">
<h2>3.0 本周期舆情动态时间轴</h2>
<div class="card">
<div class="timeline">
<div class="timeline-item">
<div class="time">2025年7月中下旬</div>
<p>杨景媛因长期诬告肖姓学弟性骚扰败诉后，其硕士学位论文被曝光存在严重学术造假问题，舆论开始发酵。</p>
</div>
<div class="timeline-item">
<div class="time">2025年7月31日</div>
<p>香港浸会大学就杨景媛录取资格发出道德核查函，启动独立审查程序，事件关注度升级。</p>
</div>
<div class="timeline-item">
<div class="time">2025年8月1日</div>
<p>央媒关注报道后，武汉大学宣布成立工作专班，对杨景媛学术不端问题进行全面调查复核，声量达到顶峰。</p>
</div>
<div class="timeline-item">
<div class="time">2025年8月6日</div>
<p>网络流传“港浸大撤销杨景媛录取资格”消息，后被证实为谣言，官方表示仍在按程序处理，引发对处理效率的进一步讨论。</p>
</div>
</div>
</div>
</section>
<section id="hot-topics">
<h2>4.0 热点话题追踪</h2>
<div class="card collapsible">
<header><h4>4.1 热点事件：杨景媛学术不端与图书馆诬告案</h4></header>
<div class="content">
<p><strong>事件概述：</strong>本事件由两部分交织而成：一是肖同学在图书馆被杨景媛诬告性骚扰，虽法律上证明清白，但已遭受学校处分和巨大身心创伤；二是杨景媛的硕士学位论文被揭发存在虚构法律、伪造数据、严重抄袭等多项学术不端行为。</p>
<p><strong>舆论焦点：</strong></p>
<ul>
<li><strong>学术诚信崩溃：</strong>公众对论文中“1049年”等低级错误感到震惊，质疑武汉大学的论文审核、答辩流程形同虚设。</li>
<li><strong>程序正义缺失：</strong>学校在诬告案中“先处理为敬”的做法，与查处学术不端时的“迟缓”形成鲜明对比，引发对高校管理公平性的强烈质疑。</li>
<li><strong>校方应对失当：</strong>从初期沉默到央媒介入后才成立专班，校方被批评为“反应滞后”、“缺乏担当”，损害了公信力。</li>
<li><strong>多方联动影响：</strong>事件牵涉武汉大学、香港浸会大学两所高校，处理结果备受关注，成为检验高校对学术不端“零容忍”态度的试金石。</li>
</ul>
</div>
</div>
<div class="card collapsible">
<header><h4>4.2 新增话题：学科荣光与现实焦虑的碰撞</h4></header>
<div class="content">
<p>本周期内，除危机事件外，“武大到底有多强”与“武大毕业生挣多少钱”的讨论也形成热点，呈现出一种“骄傲与焦虑并存”的复杂
</body>
</html>
\ No newline at end of file
... ...
<!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://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
<style>
:root {
--bg-color: #f8f9fa;
--text-color: #212529;
--card-bg: #ffffff;
--border-color: #dee2e6;
--primary-color: #0056b3;
--secondary-color: #6c757d;
--accent-color: #28a745;
--danger-color: #dc3545;
--warning-color: #ffc107;
--info-color: #17a2b8;
--sidebar-bg: #343a40;
--sidebar-text: #f8f9fa;
--sidebar-hover: #495057;
--shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}
body.dark-mode {
--bg-color: #121212;
--text-color: #e0e0e0;
--card-bg: #1e1e1e;
--border-color: #444;
--primary-color: #4a90e2;
--secondary-color: #9e9e9e;
--sidebar-bg: #1e1e1e;
--sidebar-text: #e0e0e0;
--sidebar-hover: #333;
--shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
background-color: var(--bg-color);
color: var(--text-color);
line-height: 1.6;
display: flex;
transition: background-color 0.3s, color 0.3s;
}
#sidebar {
width: 260px;
background-color: var(--sidebar-bg);
color: var(--sidebar-text);
height: 100vh;
position: fixed;
top: 0;
left: 0;
padding: 20px;
display: flex;
flex-direction: column;
transition: background-color 0.3s;
}
#sidebar h1 {
font-size: 1.5rem;
margin-bottom: 10px;
color: var(--primary-color);
border-bottom: 2px solid var(--primary-color);
padding-bottom: 10px;
}
#sidebar nav ul {
list-style: none;
}
#sidebar nav li a {
display: block;
color: var(--sidebar-text);
text-decoration: none;
padding: 10px 15px;
border-radius: 5px;
margin-bottom: 5px;
transition: background-color 0.2s;
font-size: 0.95rem;
}
#sidebar nav li a:hover, #sidebar nav li a.active {
background-color: var(--sidebar-hover);
}
.sidebar-footer {
margin-top: auto;
}
.theme-switcher, .report-actions button {
width: 100%;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
background-color: var(--sidebar-hover);
color: var(--sidebar-text);
text-align: left;
margin-top: 10px;
}
.theme-switcher:hover, .report-actions button:hover {
background-color: var(--primary-color);
}
#main-content {
margin-left: 260px;
padding: 40px;
width: calc(100% - 260px);
}
header {
border-bottom: 1px solid var(--border-color);
padding-bottom: 20px;
margin-bottom: 30px;
}
header h1 {
font-size: 2.5rem;
color: var(--primary-color);
}
header p {
font-size: 1.1rem;
color: var(--secondary-color);
max-width: 800px;
}
.report-section {
background-color: var(--card-bg);
border: 1px solid var(--border-color);
border-radius: 8px;
padding: 25px;
margin-bottom: 30px;
box-shadow: var(--shadow);
transition: background-color 0.3s, border-color 0.3s;
}
.report-section h2 {
font-size: 1.8rem;
color: var(--primary-color);
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid var(--primary-color);
}
details {
border: 1px solid var(--border-color);
border-radius: 5px;
margin-bottom: 15px;
overflow: hidden;
}
summary {
padding: 15px;
background-color: var(--bg-color);
cursor: pointer;
font-weight: bold;
font-size: 1.1rem;
list-style: none;
position: relative;
}
summary::-webkit-details-marker { display: none; }
summary::before {
content: '▶';
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%) rotate(0deg);
transition: transform 0.2s;
}
details[open] > summary::before {
transform: translateY(-50%) rotate(90deg);
}
details summary {
padding-left: 40px;
}
.details-content {
padding: 20px;
}
.dashboard {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
.dashboard-card {
background-color: var(--bg-color);
padding: 20px;
border-radius: 8px;
text-align: center;
border: 1px solid var(--border-color);
}
.dashboard-card h3 {
font-size: 1rem;
color: var(--secondary-color);
margin-bottom: 10px;
}
.dashboard-card .value {
font-size: 2.2rem;
font-weight: bold;
color: var(--primary-color);
}
.dashboard-card .sub-value {
font-size: 0.9rem;
color: var(--secondary-color);
}
.chart-container {
position: relative;
height: 400px;
width: 100%;
margin-top: 20px;
}
.timeline {
position: relative;
padding-left: 40px;
border-left: 3px solid var(--primary-color);
}
.timeline-item {
position: relative;
margin-bottom: 30px;
}
.timeline-item::before {
content: '';
position: absolute;
left: -48px;
top: 5px;
width: 14px;
height: 14px;
border-radius: 50%;
background-color: var(--primary-color);
border: 3px solid var(--bg-color);
}
.timeline-item .time {
font-weight: bold;
color: var(--secondary-color);
margin-bottom: 5px;
}
.timeline-item .content {
font-size: 1rem;
}
.tag {
display: inline-block;
padding: 3px 8px;
border-radius: 4px;
font-size: 0.8rem;
font-weight: bold;
margin-right: 5px;
}
.tag-danger { background-color: var(--danger-color); color: white; }
.tag-warning { background-color: var(--warning-color); color: var(--text-color); }
.tag-info { background-color: var(--info-color); color: white; }
.tag-success { background-color: var(--accent-color); color: white; }
table {
width: 100%;
border-collapse: collapse;
margin-top: 15px;
}
th, td {
text-align: left;
padding: 12px;
border-bottom: 1px solid var(--border-color);
}
th {
background-color: var(--bg-color);
}
@media (max-width: 992px) {
#sidebar {
left: -260px;
z-index: 1000;
}
#main-content {
margin-left: 0;
width: 100%;
padding: 20px;
}
/* Add a toggle button for mobile */
.sidebar-toggle {
display: block;
position: fixed;
top: 15px;
left: 15px;
z-index: 1001;
background: var(--sidebar-bg);
color: white;
border: none;
padding: 10px 15px;
border-radius: 5px;
cursor: pointer;
}
}
@media (min-width: 993px) {
.sidebar-toggle { display: none; }
}
@media print {
#sidebar, .sidebar-toggle, .report-actions, details > summary {
display: none;
}
#main-content {
margin-left: 0;
width: 100%;
padding: 0;
}
.report-section {
box-shadow: none;
border: 1px solid #ccc;
page-break-inside: avoid;
}
details {
border: none;
}
details[open] {
display: block;
}
.details-content {
padding: 0;
}
header h1 { font-size: 24pt; }
h2 { font-size: 18pt; }
}
</style>
</head>
<body>
<button class="sidebar-toggle" id="sidebar-toggle">☰</button>
<aside id="sidebar">
<h1>舆情报告</h1>
<nav id="toc">
<ul>
<li><a href="#s1">1.0 舆情概览</a></li>
<li><a href="#s2">2.0 关键数据趋势</a></li>
<li><a href="#s3">3.0 舆情动态时间轴</a></li>
<li><a href="#s4">4.0 热点话题追踪</a></li>
<li><a href="#s5">5.0 重点渠道表现</a></li>
<li><a href="#s6">6.0 负面与风险监测</a></li>
<li><a href="#s7">7.0 简报与关注点</a></li>
<li><a href="#s8">8.0 数据附录</a></li>
</ul>
</nav>
<div class="sidebar-footer">
<div class="report-actions">
<button id="print-btn">打印报告</button>
<button id="pdf-btn">导出为PDF</button>
</div>
<button class="theme-switcher" id="theme-switcher">切换暗色模式</button>
</div>
</aside>
<main id="main-content">
<header>
<h1>武汉大学智能舆情分析报告</h1>
<p>本报告整合了查询引擎、媒体引擎及洞察引擎的分析结果，结合论坛监控数据，对武汉大学近期的舆情态势进行了全面分析。报告聚焦于“杨景媛学术不端及图书馆诬告案”等核心热点事件，同时涵盖了学校历史声誉、学科实力与学生现实焦虑等多个维度。报告旨在揭示舆情动态，评估声誉影响，并为未来的舆情管理提供数据支持和策略建议。</p>
</header>
<section id="s1" class="report-section">
<h2>1.0 本期舆情概览</h2>
<details open>
<summary>1.1 核心数据看板</summary>
<div class="details-content dashboard">
<div class="dashboard-card">
<h3>总声量</h3>
<div class="value">~2.1M</div>
<div class="sub-value">条有效文本</div>
</div>
<div class="dashboard-card">
<h3>总阅读量</h3>
<div class="value">~3.8亿</div>
<div class="sub-value">次</div>
</div>
<div class="dashboard-card">
<h3>总互动量</h3>
<div class="value">~4.2M</div>
<div class="sub-value">条</div>
</div>
<div class="dashboard-card">
<h3>热点平台</h3>
<div class="value">微博</div>
<div class="sub-value">知乎 / B站</div>
</div>
</div>
</details>
<details>
<summary>1.2 本期舆情热度 TOP 3</summary>
<div class="details-content">
<ol>
<li><b>学术不端与诬告案争议：</b>围绕杨景媛硕士论文学术造假及图书馆诬告案的讨论，引发对高校学术诚信、审核机制及危机应对的强烈质疑。</li>
<li><b>学科声誉与就业现实反差：</b>“世界第一”的遥感等顶尖学科与毕业生“月薪7k”的现实薪资形成鲜明对比，引发学生群体对职业前景的广泛焦虑与讨论。</li>
<li><b>校园文化与历史传承讨论：</b>从“樱花季”的浪漫与拥挤，到对校史起点的趣味争论，展现了武大作为“共享青春现场”的骄傲与烟火气。</li>
</ol>
</div>
</details>
<details>
<summary>1.3 重点预警</summary>
<div class="details-content">
<ul>
<li><span class="tag tag-danger">高风险</span> <b>学术不端事件处理悬而未决：</b>武汉大学及香港浸会大学对杨景媛事件的最终处理结果尚未公布，舆论持续关注。任何拖延或被认为“高高举起，轻轻放下”的处理方式都将进一步重创学校公信力。</li>
<li><span class="tag tag-warning">中风险</span> <b>学生就业焦虑情绪发酵：</b>关于顶尖专业毕业生薪资待遇不及预期的讨论正在蔓延，可能影响未来优秀生源的报考意愿及在校生的学习心态。</li>
</ul>
</div>
</details>
</section>
<section id="s2" class="report-section">
<h2>2.0 关键数据趋势</h2>
<details open>
<summary>2.1 声量走势</summary>
<div class="details-content">
<div class="chart-container">
<canvas id="volume-trend-chart"></canvas>
</div>
<p><b>分析：</b>本周期内，舆情声量在7月底至8月初达到顶峰，主要由“杨景媛学术不端事件”经由主流媒体报道后引爆。此后声量有所回落，但仍维持在较高水平，表明公众对此事件的后续处理保持高度关注。</p>
</div>
</details>
<details open>
<summary>2.2 情感趋势</summary>
<div class="details-content">
<div class="chart-container" style="height: 350px;">
<canvas id="sentiment-chart"></canvas>
</div>
<p><b>分析：</b>整体情感分布复杂多元。<b>正面情绪 (41%)</b> 主要源于对学校百年历史、优美环境和学术成就的自豪与怀旧。<b>负面情绪 (35%)</b> 集中于对近期学术不端事件的批评、对校方应对迟缓的失望以及对毕业生就业压力的焦虑。<b>中性/混合情绪 (24%)</b> 则体现在对樱花季“又爱又恨”、对校史的趣味吐槽等场景。</p>
</div>
</details>
</section>
<section id="s3" class="report-section">
<h2>3.0 本周期舆情动态时间轴</h2>
<div class="timeline">
<div class="timeline-item">
<div class="time">2025年7月</div>
<div class="content">
<span class="tag tag-danger">事件爆发</span>
武汉大学硕士毕业生杨景媛因诬告肖姓学弟败诉后，其硕士学位论文被曝存在严重学术造假问题，引发网络初步关注。
</div>
</div>
<div class="timeline-item">
<div class="time">2025年7月31日</div>
<div class="content">
<span class="tag tag-warning">外部介入</span>
香港浸会大学向武汉大学发出道德核查函，并启动对杨景媛的独立审查程序。
</div>
</div>
<div class="timeline-item">
<div class="time">2025年8月1日</div>
<div class="content">
<span class="tag tag-danger">舆论升级</span>
央媒关注并报道该事件，武汉大学随后宣布成立工作专班进行全面调查复核，舆情热度达到顶峰。
</div>
</div>
<div class="timeline-item">
<div class="time">2025年8月6日</div>
<div class="content">
<span class="tag tag-info">信息澄清</span>
网络流传“香港浸会大学已撤销杨景媛录取资格”的消息，后被证实为谣言，校方表示仍在按程序处理。
</div>
</div>
<div class="timeline-item">
<div class="time">本周期内</div>
<div class="content">
<span class="tag tag-success">正面舆情</span>
关于武大历史、杰出校友（雷军、易中天等）、校园风光（樱花、老建筑）的讨论持续存在，构成了舆情中的正面基调。
</div>
</div>
</div>
</section>
<section id="s4" class="report-section">
</body>
</html>
\ No newline at end of file
... ...
<!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/chartjs-adapter-date-fns"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
:root {
--bg-color: #f4f7fa;
--bg-secondary-color: #ffffff;
--text-color: #333;
--text-secondary-color: #666;
--border-color: #e0e6ed;
--primary-color: #1a5c9c; /* 武大蓝 */
--accent-color: #d1a047;
--positive-color: #28a745;
--negative-color: #dc3545;
--neutral-color: #ffc107;
--shadow-color: rgba(0, 0, 0, 0.05);
}
body.dark-mode {
--bg-color: #121212;
--bg-secondary-color: #1e1e1e;
--text-color: #e0e0e0;
--text-secondary-color: #a0a0a0;
--border-color: #333;
--shadow-color: rgba(0, 0, 0, 0.2);
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: var(--bg-color);
color: var(--text-color);
line-height: 1.6;
transition: background-color 0.3s, color 0.3s;
}
.container {
display: flex;
max-width: 1600px;
margin: 0 auto;
}
.sidebar {
width: 260px;
background-color: var(--bg-secondary-color);
border-right: 1px solid var(--border-color);
position: sticky;
top: 0;
height: 100vh;
overflow-y: auto;
padding: 20px;
transition: background-color 0.3s, border-color 0.3s;
}
.sidebar-header {
text-align: center;
margin-bottom: 30px;
}
.sidebar-header h2 {
font-size: 1.5rem;
color: var(--primary-color);
}
.sidebar nav ul {
list-style: none;
}
.sidebar nav li a {
display: block;
padding: 12px 15px;
color: var(--text-secondary-color);
text-decoration: none;
border-radius: 6px;
margin-bottom: 5px;
font-weight: 500;
transition: background-color 0.2s, color 0.2s;
}
.sidebar nav li a:hover, .sidebar nav li a.active {
background-color: var(--primary-color);
color: #fff;
}
main {
flex: 1;
padding: 20px 40px;
}
header {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 20px;
border-bottom: 1px solid var(--border-color);
margin-bottom: 30px;
}
header h1 {
font-size: 2rem;
font-weight: 700;
}
header .report-meta {
font-size: 0.9rem;
color: var(--text-secondary-color);
}
.controls button {
background: none;
border: 1px solid var(--border-color);
color: var(--text-secondary-color);
padding: 8px 12px;
border-radius: 6px;
cursor: pointer;
margin-left: 10px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.controls button:hover {
background-color: var(--primary-color);
color: #fff;
border-color: var(--primary-color);
}
.card {
background-color: var(--bg-secondary-color);
border: 1px solid var(--border-color);
border-radius: 8px;
padding: 25px;
margin-bottom: 30px;
box-shadow: 0 4px 12px var(--shadow-color);
transition: background-color 0.3s, border-color 0.3s;
}
.card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
cursor: pointer;
}
.card-header h2 {
font-size: 1.5rem;
color: var(--primary-color);
font-weight: 600;
}
.card-header .toggle-icon {
font-weight: bold;
font-size: 1.5rem;
transition: transform 0.3s ease;
}
.card.collapsed .card-content {
max-height: 0;
overflow: hidden;
padding-top: 0;
margin-top: 0;
}
.card.collapsed .card-header .toggle-icon {
transform: rotate(-90deg);
}
.card-content {
max-height: 5000px; /* Large value */
transition: max-height 0.7s ease-in-out, margin-top 0.3s, padding-top 0.3s;
}
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
}
.stat-box {
background-color: var(--bg-color);
padding: 20px;
border-radius: 8px;
border-left: 5px solid;
}
.stat-box .value {
font-size: 2rem;
font-weight: 700;
color: var(--text-color);
}
.stat-box .label {
font-size: 0.9rem;
color: var(--text-secondary-color);
}
.stat-box.total {
border-color: var(--primary-color);
}
.stat-box.reads {
border-color: var(--accent-color);
}
.stat-box.interactions {
border-color: var(--positive-color);
}
.stat-box.negative {
border-color: var(--negative-color);
}
.chart-container {
position: relative;
height: 350px;
width: 100%;
}
.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;
margin-left: 60px;
margin-bottom: 30px;
}
.timeline-item::before {
content: '';
position: absolute;
left: -49px;
top: 5px;
width: 18px;
height: 18px;
border-radius: 50%;
background-color: var(--bg-secondary-color);
border: 4px solid var(--primary-color);
}
.timeline-item.alert::before {
border-color: var(--negative-color);
}
.timeline-time {
font-weight: bold;
color: var(--primary-color);
display: block;
margin-bottom: 5px;
}
.timeline-content {
background-color: var(--bg-color);
padding: 15px;
border-radius: 6px;
}
ul.custom-list {
list-style: none;
padding-left: 20px;
}
ul.custom-list li {
position: relative;
margin-bottom: 10px;
}
ul.custom-list li::before {
content: '•';
position: absolute;
left: -20px;
color: var(--primary-color);
font-weight: bold;
}
.tag {
display: inline-block;
padding: 3px 10px;
border-radius: 12px;
font-size: 0.8rem;
font-weight: 500;
}
.tag.positive { background-color: var(--positive-color); color: #fff; }
.tag.negative { background-color: var(--negative-color); color: #fff; }
.tag.neutral { background-color: var(--neutral-color); color: #333; }
.tag.pride { background-color: #4a90e2; color: #fff; }
.tag.anxiety { background-color: #f5a623; color: #fff; }
.tag.romance { background-color: #e83e8c; color: #fff; }
table {
width: 100%;
border-collapse: collapse;
margin-top: 15px;
}
th, td {
padding: 12px;
text-align: left;
border-bottom: 1px solid var(--border-color);
}
th {
background-color: var(--bg-color);
font-weight: 600;
}
@media (max-width: 1200px) {
.container {
flex-direction: column;
}
.sidebar {
width: 100%;
height: auto;
position: static;
border-right: none;
border-bottom: 1px solid var(--border-color);
}
main { padding: 20px; }
}
@media (max-width: 768px) {
header {
flex-direction: column;
align-items: flex-start;
}
header h1 { font-size: 1.6rem; margin-bottom: 10px; }
.controls { width: 100%; text-align: right;}
.grid-container {
grid-template-columns: 1fr;
}
}
@media print {
body {
--bg-color: #ffffff !important;
--bg-secondary-color: #ffffff !important;
--text-color: #000000 !important;
--border-color: #dddddd !important;
--primary-color: #003366 !important;
}
.sidebar, .controls, .card-header .toggle-icon { display: none; }
main { padding: 0; }
.card { box-shadow: none; border: 1px solid #ddd; page-break-inside: avoid; }
.card.collapsed .card-content { max-height: 100% !important; }
a { text-decoration: none; color: inherit; }
}
</style>
</head>
<body>
<div class="container">
<aside class="sidebar">
<div class="sidebar-header">
<h2>舆情分析报告</h2>
<p style="font-size:0.9em; color: var(--text-secondary-color);">武汉大学</p>
</div>
<nav>
<ul>
<li><a href="#overview" class="active">1.0 舆情概览</a></li>
<li><a href="#trends">2.0 关键数据趋势</a></li>
<li><a href="#timeline">3.0 舆情动态时间轴</a></li>
<li><a href="#hot-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>
<li><a href="#appendix">8.0 数据附录</a></li>
</ul>
</nav>
</aside>
<main>
<header>
<div>
<h1>智能舆情分析报告：武汉大学</h1>
<div class="report-meta">报告周期：2024-03-01 至 2025-08-26</div>
</div>
<div class="controls">
<button id="theme-toggle">🌙 切换模式</button>
<button onclick="window.print()">🖨️ 打印/导出</button>
</div>
</header>
<!-- 1.0 舆情概览 -->
<section id="overview" class="card">
<div class="card-header collapser">
<h2>1.0 本期舆情概览</h2>
<span class="toggle-icon">-</span>
</div>
<div class="card-content">
<div class="grid-container" style="margin-bottom: 30px;">
<div class="stat-box total"><div class="value">≈ 210万</div><div class="label">相关信息总量</div></div>
<div class="stat-box reads"><div class="value">≈ 3.8亿</div><div class="label">总阅读量</div></div>
<div class="stat-box interactions"><div class="value">≈ 420万</div><div class="label">总互动量</div></div>
<div class="stat-box negative"><div class="value">24%</div><div class="label">负面情感占比</div></div>
</div>
<div class="grid-container">
<div>
<h3>本期舆情热度 TOP 3</h3>
<ul class="custom-list">
<li><span class="tag negative">高风险</span> 杨景媛学术不端及图书馆诬告案</li>
<li><span class="tag romance">热议</span> 樱花季预约与校园开放讨论</li>
<li><span class="tag anxiety">关注</span> 优势学科声誉与毕业生就业薪资反差</li>
</ul>
</div>
<div>
<h3>整体情感分布</h3>
<div class="chart-container" style="height: 200px;">
<canvas id="sentimentPieChart"></canvas>
</div>
</div>
</div>
</div>
</section>
<!-- 2.0 关键数据趋势 -->
<section id="trends" class="card">
<div class="card-header collapser">
<h2>2.0 关键数据趋势</h2>
<span class="toggle-icon">-</span>
</div>
<div class="card-content">
<div class="grid-container">
<div>
<h3>声量走势</h3>
<div class="chart-container">
<canvas id="volumeLineChart"></canvas>
</div>
</div>
<div>
<h3>情感趋势</h3>
<div class="chart-container">
<canvas id="sentimentTrendLineChart"></canvas>
</div>
</div>
</div>
</div>
</section>
<!-- 3.0 舆情动态时间轴 -->
<section id="timeline" class="card">
<div class="card-header collapser">
<h2>3.0 舆情动态时间轴</h2>
<span class="toggle-icon">-</span>
</div>
<div class="card-content">
<div class="timeline">
<div class="timeline-item">
<span class="timeline-time">2024年3月-4月</span>
<div class="timeline-content">
<strong>樱花季热议期：</strong>微博话题 #武大樱花预约# 阅读量超3.8亿，引发关于“抢票难”和校园开放度的广泛讨论，情感呈现“浪漫”与“焦虑”交织的两极化特征。
</div>
</div>
<div class="timeline-item alert">
<span class="timeline-time">2025年7月</span>
<div class="timeline-content">
<strong>学术不端事件发酵：</strong>硕士毕业生杨景媛在“图书馆诬告案”败诉后，其学位论文被曝严重学术造假，包括数据伪造、常识错误等，舆情开始迅速升温。
</div>
</div>
<div class="timeline-item alert">
<span class="timeline-time">2025年7月31日</span>
<div class="timeline-content">
<strong>外部机构介入：</strong>香港浸会大学就杨景媛录取资格发出道德核查函，启动独立审查程序，将事件关注度推向更高层次。
</div>
</div>
<div class="timeline-item alert">
<span class="timeline-time">2025年8月1日</span>
<div class="timeline-content">
<strong>官方首次回应：</strong>在央媒关注后，武汉大学宣布成立工作专班，对杨景媛学术不端问题进行全面调查复核。但因回应滞后，引发公众对校方处理效率的质疑。
</div>
</div>
<div class="timeline-item">
<span class="timeline-time">2025年8月6日</span>
<div class="timeline-content">
<strong>信息混乱与澄清：</strong>网络流传“港浸大撤销杨景媛录取资格”消息，后被证实为谣言，校方表示按程序处理，进一步加剧了公众对处理结果的关切与等待。
</div>
</div>
</div>
</div>
</section>
<!-- 4.0 热点话题追踪 -->
<section id="hot-topics" class="card">
<div class="card-header collapser">
<h2>4.0 热点话题追踪</h2>
<span class="toggle-icon">-</span>
</div>
<div class="card-content">
<h3>4.1 核心热点：学术不端与“图书馆诬告案”复合型危机</h3>
<p>本周期内，舆情风暴的核心是围绕毕业生杨景媛的复合型事件。该事件融合了 <span class="tag negative">学术诚信</span>、<span class="tag negative">程序正义</span>、<span class="tag negative">师德师风</span> 和 <span class="tag negative">大学治理</span> 四大敏感议题，引发全网高度关注。主要舆情观点聚焦于：</p>
<ul class="custom-list">
<li><b>对学术不端“零容忍”的强烈呼吁：</b>公众对论文中出现的低级错误（如“1049年”）、数据造假等行为感到震惊，要求严肃处理，并质疑导师、答辩委员会的审查责任。</li>
<li><b>对高校管理机制的系统性质疑：</b>事件暴露了研究生培养、学位授予审核流程中可能存在的漏洞。校方在事发后反应迟缓，被批评为“拖延”和“被动应对”，损害了学校公信力。</li>
<li><b>对公平与正义的朴素追求：</b>受害者肖同学的遭遇（被诬告、受处分、失保研资格）与杨景媛一度的“顺利”形成鲜明对比，激起网民对高校学生奖惩机制公平性的强烈不满。</li>
</ul>
<h3 style="margin-top:20px;">4.2 新增关注点：学科声
</body>
</html>
\ No newline at end of file
... ...
<!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>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
<style>
:root {
--primary-color: #1a73e8;
--secondary-color: #5f6368;
--background-color: #f8f9fa;
--card-background-color: #ffffff;
--text-color: #202124;
--border-color: #e0e0e0;
--shadow-color: rgba(0, 0, 0, 0.1);
--positive-color: #34a853;
--negative-color: #ea4335;
--neutral-color: #fbbc05;
--font-family: 'Noto Sans SC', sans-serif;
}
.dark-mode {
--primary-color: #8ab4f8;
--secondary-color: #9aa0a6;
--background-color: #202124;
--card-background-color: #303134;
--text-color: #e8eaed;
--border-color: #5f6368;
--shadow-color: rgba(0, 0, 0, 0.3);
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: var(--font-family);
background-color: var(--background-color);
color: var(--text-color);
line-height: 1.6;
transition: background-color 0.3s, color 0.3s;
font-size: 16px;
}
.container {
display: flex;
max-width: 1600px;
margin: 0 auto;
}
.sidebar {
width: 280px;
background-color: var(--card-background-color);
border-right: 1px solid var(--border-color);
position: sticky;
top: 0;
height: 100vh;
overflow-y: auto;
padding: 20px;
transition: background-color 0.3s, border-color 0.3s;
}
.sidebar h2 {
color: var(--primary-color);
margin-bottom: 20px;
font-size: 1.5rem;
border-bottom: 2px solid var(--primary-color);
padding-bottom: 10px;
}
.sidebar ul {
list-style: none;
}
.sidebar ul li a {
display: block;
color: var(--text-color);
text-decoration: none;
padding: 12px 15px;
border-radius: 8px;
margin-bottom: 5px;
font-weight: 500;
transition: background-color 0.2s, color 0.2s;
}
.sidebar ul li a:hover, .sidebar ul li a.active {
background-color: var(--primary-color);
color: white;
}
.main-content {
flex: 1;
padding: 30px 40px;
}
header {
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid var(--border-color);
display: flex;
justify-content: space-between;
align-items: center;
}
header h1 {
font-size: 2.5rem;
color: var(--text-color);
font-weight: 700;
}
.header-controls button {
background: var(--primary-color);
color: white;
border: none;
padding: 10px 15px;
border-radius: 8px;
cursor: pointer;
margin-left: 10px;
font-size: 14px;
transition: opacity 0.2s;
}
.header-controls button:hover { opacity: 0.8; }
.report-section {
margin-bottom: 40px;
background-color: var(--card-background-color);
padding: 25px;
border-radius: 12px;
box-shadow: 0 4px 12px var(--shadow-color);
transition: background-color 0.3s, box-shadow 0.3s;
}
.section-header {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
margin-bottom: 20px;
}
.section-header h2 {
font-size: 1.8rem;
color: var(--primary-color);
font-weight: 500;
}
.section-header .toggle-icon {
font-size: 1.5rem;
transition: transform 0.3s;
}
.section-content {
max-height: 10000px; /* Large value for open state */
overflow: hidden;
transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out;
}
.section-content.collapsed {
max-height: 0;
padding-top: 0;
padding-bottom: 0;
margin-bottom: -20px;
}
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
}
.kpi-card {
background-color: var(--background-color);
padding: 20px;
border-radius: 10px;
text-align: center;
border-left: 5px solid var(--primary-color);
}
.kpi-card .value {
font-size: 2rem;
font-weight: 700;
color: var(--primary-color);
margin-bottom: 5px;
}
.kpi-card .label {
font-size: 1rem;
color: var(--secondary-color);
}
.top-topic-card {
background-color: var(--background-color);
padding: 20px;
border-radius: 10px;
}
.top-topic-card h4 {
margin-bottom: 10px;
color: var(--primary-color);
}
.alert-card {
background-color: #fff0f0;
color: #d93025;
padding: 20px;
border-radius: 10px;
border-left: 5px solid #d93025;
}
.dark-mode .alert-card {
background-color: #4d2a29;
color: #f8a9a4;
}
.timeline {
position: relative;
padding-left: 30px;
}
.timeline::before {
content: '';
position: absolute;
left: 10px;
top: 0;
bottom: 0;
width: 2px;
background-color: var(--primary-color);
}
.timeline-item {
margin-bottom: 25px;
position: relative;
}
.timeline-item::before {
content: '';
position: absolute;
left: -25px;
top: 5px;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: var(--card-background-color);
border: 2px solid var(--primary-color);
}
.timeline-item-date {
font-weight: 700;
color: var(--secondary-color);
margin-bottom: 5px;
}
.topic-detail-card {
background-color: var(--background-color);
border-radius: 10px;
padding: 20px;
margin-bottom: 20px;
}
.topic-detail-card h4 { color: var(--primary-color); margin-bottom: 10px; }
.channel-list li {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 0;
border-bottom: 1px solid var(--border-color);
}
.channel-list li:last-child { border-bottom: none; }
.negative-list li {
margin-bottom: 10px;
padding-left: 20px;
position: relative;
}
.negative-list li::before {
content: '🔴';
position: absolute;
left: 0;
top: 0;
}
.risk-list li {
margin-bottom: 10px;
padding-left: 20px;
position: relative;
}
.risk-list li::before {
content: '⚠️';
position: absolute;
left: 0;
top: 0;
}
.forum-log-container {
background-color: var(--background-color);
border-radius: 10px;
padding: 20px;
max-height: 400px;
overflow-y: auto;
}
.forum-post {
border-bottom: 1px dashed var(--border-color);
padding: 15px 0;
margin-bottom: 10px;
}
.forum-post:last-child { border-bottom: none; }
.post-header { display: flex; align-items: center; margin-bottom: 8px; color: var(--secondary-color); font-size: 0.9em;}
.post-author { font-weight: bold; color: var(--primary-color); margin-right: 10px; }
.post-content { font-size: 1em; }
.post-tags { margin-top: 10px; }
.post-tags span { background-color: var(--primary-color); color: white; padding: 3px 8px; border-radius: 12px; font-size: 0.8em; margin-right: 5px; opacity: 0.8;}
footer {
text-align: center;
padding: 20px;
margin-top: 20px;
color: var(--secondary-color);
font-size: 0.9em;
}
@media (max-width: 1200px) {
.container { flex-direction: column; }
.sidebar { position: static; width: 100%; height: auto; border-right: none; border-bottom: 1px solid var(--border-color); }
.main-content { padding: 20px; }
}
@media (max-width: 768px) {
header h1 { font-size: 1.8rem; }
.section-header h2 { font-size: 1.5rem; }
.main-content { padding: 15px; }
.grid-container { grid-template-columns: 1fr; }
}
@media print {
.sidebar, .header-controls, footer, .section-header .toggle-icon {
display: none;
}
body, .main-content, .report-section {
box-shadow: none;
border: none;
padding: 0;
margin: 0;
}
.report-section { page-break-inside: avoid; margin-bottom: 20px; }
}
</style>
</head>
<body>
<div class="container">
<aside class="sidebar" id="sidebar">
<h2>导航目录</h2>
<nav>
<ul>
<li><a href="#overview" class="nav-link">1.0 舆情概览</a></li>
<li><a href="#trends" class="nav-link">2.0 关键数据趋势</a></li>
<li><a href="#timeline" class="nav-link">3.0 舆情动态时间轴</a></li>
<li><a href="#hot-topics" class="nav-link">4.0 热点话题追踪</a></li>
<li><a href="#channels" class="nav-link">5.0 重点渠道表现</a></li>
<li><a href="#risks" class="nav-link">6.0 负面与风险监测</a></li>
<li><a href="#forum" class="nav-link">7.0 论坛用户洞察</a></li>
<li><a href="#summary" class="nav-link">8.0 简报与关注点</a></li>
</ul>
</nav>
</aside>
<main class="main-content">
<header>
<h1>智能舆情分析报告 <br><small style="font-size: 1.2rem; color: var(--secondary-color); font-weight: 400;">监测对象：武汉大学</small></h1>
<div class="header-controls">
<button id="theme-toggle">切换模式</button>
<button onclick="window.print()">打印/导出PDF</button>
</div>
</header>
<section class="report-section" id="overview">
<div class="section-header" data-target="#overview-content">
<h2>1.0 本期舆情概览</h2>
<span class="toggle-icon">▼</span>
</div>
<div id="overview-content" class="section-content">
<div class="grid-container" style="margin-bottom: 20px;">
<div class="kpi-card">
<div class="value">210万+</div>
<div class="label">相关文本量</div>
</div>
<div class="kpi-card">
<div class="value">3.8亿+</div>
<div class="label">总阅读量</div>
</div>
<div class="kpi-card">
<div class="value">420万+</div>
<div class="label">总互动量</div>
</div>
</div>
<div class="grid-container" style="grid-template-columns: 1fr 1fr; align-items: stretch;">
<div>
<h4>1.2 本期舆情热度 TOP 3</h4>
<div class="top-topic-card" style="margin-bottom: 10px;"><strong>1. 学术诚信危机：</strong>杨景媛论文造假及图书馆诬告案引发全网关注，严重冲击校誉。</div>
<div class="top-topic-card" style="margin-bottom: 10px;"><strong>2. 学科声誉与就业焦虑：</strong>“世界第一”的遥感等学科与毕业生“工资条沉默”的现实形成强烈对比，引发热议。</div>
<div class="top-topic-card"><strong>3. 校园文化与公共管理：</strong>樱花季“一票难求”及校园商业化讨论，反映了公共资源开放与校内体验的矛盾。</div>
</div>
<div>
<h4>1.1 核心情感分布</h4>
<canvas id="sentimentPieChart"></canvas>
</div>
</div>
<div style="margin-top: 20px;">
<h4>1.3 重点预警</h4>
<div class="alert-card">
<strong>高风险：</strong>杨景媛学术不端事件持续发酵，校方回应迟缓且缺乏透明度，已导致公信力严重受损。若后续处理不当，可能引发更广泛的信任危机，并对招生、学术合作产生长期负面影响。
</div>
</div>
</div>
</section>
<section class="report-section" id="trends">
<div class="section-header" data-target="#trends-content">
<h2>2.0 关键数据趋势</h2>
<span class="toggle-icon">▼</span>
</div>
<div id="trends-content" class="section-content">
<div class="grid-container" style="grid-template-columns: 1fr 1fr;">
<div>
<h4>2.1 声量走势</h4>
<canvas id="volumeTrendChart"></canvas>
</div>
<div>
<h4>2.2 情感趋势</h4>
<canvas id="sentimentTrendChart"></canvas>
</div>
</div>
</div>
</section>
<section class="report-section" id="timeline">
<div class="section-header" data-target="#timeline-content">
<h2>3.0 本周期舆情动态时间轴</h2>
<span class="toggle-icon">▼</span>
</div>
<div id="timeline-content" class="section-content">
<div class="timeline">
<div class="timeline-item">
<div class="timeline-item-date">2025年7月</div>
<p>硕士毕业生杨景媛被曝论文严重造假，并与其长期诬告肖姓学弟性骚扰败诉案关联，引发网络初步关注。</p>
</div>
<div class="timeline-item">
<div class="timeline-item-date">2025年7月31日</div>
<p>香港浸会大学就杨景媛录取事宜发出道德核查函，启动独立审查程序。</p>
</div>
<div class="timeline-item">
<div class="timeline-item-date">2025年8月1日</div>
<p>央媒关注后，武汉大学宣布成立工作专班，对杨景媛学术不端问题进行全面调查复核。<strong>舆情声量达到顶峰。</strong></p>
</div>
<div class="timeline-item">
<div class="timeline-item-date">2025年8月6日</div>
<p>网传“港浸大撤销杨景媛录取资格”消息被证伪，校方表示按程序处理，引发公众对处理效率的质疑。</p>
</div>
<div class="timeline-item">
<div class="timeline-item-date">周期内持续热议</div>
<p>关于顶尖学科就业前景、樱花季管理、校史文化等话题在社交媒体持续发酵，形成多元舆论场。</p>
</div>
</div>
</div>
</section>
<section class="report-section" id="hot-topics">
<div class="section-header" data-target="#hot-topics-content">
<h2>4.0 热点话题追踪</h2>
<span class="toggle-icon">▼</span>
</div>
<div id="hot-topics-content" class="section-content">
<h4>4.1 本期热点事件/话题详情</h4>
<div class="topic-detail-card">
<h4>热点一：学术诚信危机与信任风波</h4>
<p><strong>事件核心：</strong>杨景媛硕士论文被揭露存在虚构法律、伪造数据、常识错误、大量抄袭等系统性学术不端行为。此事与其诬告肖姓学弟案败诉背景交织，放大了事件的戏剧性和不公感。</p>
<p><strong>舆论焦点：</strong>公众普遍质疑武汉大学的研究生培养、论文审核及导师监督机制。校方在事件曝光后反应迟缓，“等上级安排”的言论进一步激化负面情绪。舆论普遍认为，此事不仅是个人学术失德，更是高校制度性漏洞的体现，对武汉大学百年校誉造成重创。</p>
</div>
<div class="topic-detail-card">
<h4>热点二：顶尖声誉与现实焦虑的碰撞</h4>
<p><strong>核心议题：</strong>武汉大学拥有测绘遥感（世界第一）、法学（A）等众多优势学科，享有崇高学术声誉。然而，社交媒体上，相关专业学生和毕业生普遍表达了对就业前景的焦虑，如“遥感硕士春招中位数7.2k”、“法学生实习5k不包宿”等
</body>
</html>
\ No newline at end of file
... ...
<!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>
\ No newline at end of file
... ...
<!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>
<style>
:root {
--bg-color: #f4f7f9;
--text-color: #333;
--card-bg: #ffffff;
--border-color: #e0e0e0;
--primary-color: #2c3e50;
--secondary-color: #3498db;
--accent-color: #e74c3c;
--green-color: #2ecc71;
--yellow-color: #f1c40f;
--sidebar-bg: #ffffff;
--sidebar-text: #34495e;
--sidebar-active-bg: #ecf0f1;
--header-bg: #ffffff;
--shadow-color: rgba(0, 0, 0, 0.08);
}
body.dark-mode {
--bg-color: #1a1a1a;
--text-color: #e0e0e0;
--card-bg: #2c2c2c;
--border-color: #444;
--primary-color: #ffffff;
--secondary-color: #3498db;
--accent-color: #e74c3c;
--sidebar-bg: #252525;
--sidebar-text: #bdc3c7;
--sidebar-active-bg: #333;
--header-bg: #2c2c2c;
--shadow-color: rgba(0, 0, 0, 0.3);
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: var(--bg-color);
color: var(--text-color);
line-height: 1.7;
transition: background-color 0.3s, color 0.3s;
display: flex;
}
.sidebar {
width: 260px;
position: fixed;
top: 0;
left: 0;
height: 100vh;
background-color: var(--sidebar-bg);
border-right: 1px solid var(--border-color);
padding: 20px;
overflow-y: auto;
transition: all 0.3s;
z-index: 1000;
}
.sidebar-header {
margin-bottom: 30px;
text-align: center;
}
.sidebar-header h2 {
color: var(--primary-color);
font-size: 1.5rem;
}
.sidebar-header p {
font-size: 0.8rem;
color: var(--secondary-color);
}
.sidebar-nav ul {
list-style: none;
}
.sidebar-nav li a {
display: block;
padding: 12px 15px;
color: var(--sidebar-text);
text-decoration: none;
border-radius: 8px;
margin-bottom: 5px;
transition: background-color 0.3s, color 0.3s;
font-weight: 500;
}
.sidebar-nav li a:hover,
.sidebar-nav li a.active {
background-color: var(--sidebar-active-bg);
color: var(--primary-color);
}
.main-content {
margin-left: 260px;
width: calc(100% - 260px);
padding: 20px 40px;
transition: margin-left 0.3s;
}
.page-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
margin-bottom: 20px;
border-bottom: 1px solid var(--border-color);
background-color: var(--bg-color);
position: sticky;
top: 0;
z-index: 999;
}
.page-header h1 {
font-size: 2rem;
color: var(--primary-color);
}
.header-actions button {
background: none;
border: 1px solid var(--border-color);
color: var(--sidebar-text);
padding: 8px 12px;
border-radius: 6px;
cursor: pointer;
margin-left: 10px;
transition: all 0.3s;
font-family: 'Noto Sans SC', sans-serif;
}
.header-actions button:hover {
background-color: var(--sidebar-active-bg);
color: var(--primary-color);
}
.report-section {
margin-bottom: 40px;
padding-top: 60px; /* Offset for sticky header */
margin-top: -60px; /* Negative margin to compensate */
}
.card {
background-color: var(--card-bg);
border: 1px solid var(--border-color);
border-radius: 12px;
padding: 25px;
box-shadow: 0 4px 12px var(--shadow-color);
transition: all 0.3s;
}
.card-header h2 {
font-size: 1.5rem;
color: var(--primary-color);
margin-bottom: 15px;
border-left: 4px solid var(--secondary-color);
padding-left: 10px;
}
.card-header h3 {
font-size: 1.2rem;
color: var(--primary-color);
margin: 20px 0 10px;
}
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
.data-card {
background-color: var(--bg-color);
padding: 20px;
border-radius: 10px;
text-align: center;
border: 1px solid var(--border-color);
}
.data-card .value {
font-size: 2.2rem;
font-weight: 700;
color: var(--secondary-color);
}
.data-card .label {
font-size: 0.9rem;
color: var(--sidebar-text);
margin-top: 5px;
}
.top-topic {
background-color: var(--bg-color);
padding: 15px;
border-radius: 8px;
margin-bottom: 10px;
border-left: 3px solid var(--yellow-color);
}
.top-topic.negative {
border-left-color: var(--accent-color);
}
.top-topic.positive {
border-left-color: var(--green-color);
}
.top-topic h4 {
font-size: 1.1rem;
color: var(--primary-color);
margin-bottom: 5px;
}
.top-topic p {
font-size: 0.9rem;
color: var(--sidebar-text);
}
.alert-card {
background-color: rgba(231, 76, 60, 0.1);
border: 1px solid var(--accent-color);
padding: 20px;
border-radius: 8px;
color: var(--accent-color);
}
.chart-container {
position: relative;
height: 400px;
width: 100%;
}
.timeline {
position: relative;
padding: 20px 0;
}
.timeline::before {
content: '';
position: absolute;
left: 20px;
top: 0;
bottom: 0;
width: 2px;
background: var(--border-color);
}
.timeline-item {
position: relative;
margin-bottom: 30px;
padding-left: 50px;
}
.timeline-item::before {
content: '';
position: absolute;
left: 14px;
top: 5px;
width: 15px;
height: 15px;
border-radius: 50%;
background: var(--secondary-color);
border: 3px solid var(--bg-color);
}
.timeline-date {
font-weight: bold;
color: var(--secondary-color);
margin-bottom: 5px;
}
details {
background: var(--bg-color);
border-radius: 8px;
margin-bottom: 15px;
border: 1px solid var(--border-color);
}
summary {
font-weight: 500;
padding: 15px;
cursor: pointer;
font-size: 1.1rem;
color: var(--primary-color);
list-style: none; /* For Firefox */
}
summary::-webkit-details-marker { display: none; } /* For Chrome/Safari */
summary::after {
content: '+';
float: right;
font-size: 1.5rem;
transition: transform 0.3s;
}
details[open] summary::after {
transform: rotate(45deg);
}
.details-content {
padding: 0 20px 20px;
}
.channel-list li {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.channel-list .icon {
font-size: 1.5rem; margin-right: 15px; width: 30px; text-align: center;
}
.risk-item {
padding: 15px;
border-radius: 8px;
margin-bottom: 10px;
}
.risk-item.high {
background-color: rgba(231, 76, 60, 0.1);
border-left: 4px solid var(--accent-color);
}
.risk-item.medium {
background-color: rgba(241, 196, 15, 0.1);
border-left: 4px solid var(--yellow-color);
}
footer {
text-align: center;
padding: 20px;
margin-top: 40px;
font-size: 0.9rem;
color: var(--sidebar-text);
border-top: 1px solid var(--border-color);
}
@media (max-width: 1024px) {
.sidebar {
left: -260px;
}
.main-content {
margin-left: 0;
width: 100%;
padding: 15px;
}
body.sidebar-open .sidebar {
left: 0;
}
.page-header h1 { font-size: 1.5rem; }
}
@media print {
body { display: block; }
.sidebar, .header-actions, .page-header {
display: none;
}
.main-content {
margin-left: 0;
width: 100%;
padding: 0;
}
.card {
box-shadow: none;
border: 1px solid #ccc;
page-break-inside: avoid;
}
.report-section {
padding-top: 0; margin-top: 0;
}
a { text-decoration: none; color: inherit; }
}
</style>
</head>
<body>
<nav class="sidebar">
<div class="sidebar-header">
<h2>舆情分析报告</h2>
<p>武汉大学</p>
</div>
<ul class="sidebar-nav">
<li><a href="#overview" class="active">1.0 舆情概览</a></li>
<li><a href="#trends">2.0 关键数据趋势</a></li>
<li><a href="#timeline">3.0 舆情动态时间轴</a></li>
<li><a href="#hot-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>
<div class="main-content">
<header class="page-header">
<h1>智能舆情分析报告</h1>
<div class="header-actions">
<button id="theme-toggle">🌙 切换模式</button>
<button onclick="window.print()">🖨️ 打印/导出PDF</button>
</div>
</header>
<main>
<section id="overview" class="report-section">
<div class="card">
<div class="card-header">
<h2>1.0 本期舆情概览</h2>
<p>数据周期：2024-03-01 至 2024-04-30</p>
</div>
<h3>1.1 核心数据看板</h3>
<div class="grid-container">
<div class="data-card">
<div class="value">3.8亿+</div>
<div class="label">总阅读量</div>
</div>
<div class="data-card">
<div class="value">210万+</div>
<div class="label">有效讨论</div>
</div>
<div class="data-card">
<div class="value">420万+</div>
<div class="label">总互动量</div>
</div>
<div class="data-card">
<div class="value">12个</div>
<div class="label">核心信源</div>
</div>
</div>
<div style="margin-top: 30px;">
<div class="chart-container" style="height: 300px;">
<canvas id="sentimentPieChart"></canvas>
</div>
</div>
<h3>1.2 本期舆情热度 TOP 3</h3>
<div class="top-topic negative">
<h4>1. 学术诚信危机持续发酵</h4>
<p>杨景媛学术不端及图书馆诬告案后续讨论，引发公众对高校学术伦理、审查机制和危机应对的强烈质疑。</p>
</div>
<div class="top-topic positive">
<h4>2. 校园文化与“樱花经济”</h4>
<p>#武大樱花#话题引爆社交网络，展现校园美景的同时，也伴随“抢票难”、“过度商业化”的讨论。</p>
</div>
<div class="top-topic">
<h4>3. 学科荣耀与现实焦虑</h4>
<p>“世界第一”的遥感学科自豪感与毕业生薪资现实的巨大反差，成为热议焦点，反映了“理想与面包”的普遍焦虑。</p>
</div>
<h3>1.3 重点预警</h3>
<div class="alert-card">
<strong>高风险预警：</strong>学术不端事件调查处理进展缓慢，官方信息发布不透明，持续消耗公信力。任何后续处理不当都可能引发新一轮大规模负面舆情，严重损害学校百年声誉。
</div>
</div>
</section>
<section id="trends" class="report-section">
<div class="card">
<div class="card-header">
<h2>2.0 关键数据趋势</h2>
</div>
<h3>2.1 声量走势</h3>
<div class="chart-container">
<canvas id="volumeTrendChart"></canvas>
</div>
<h3>2.2 情感趋势</h3>
<div class="chart-container">
<canvas id="sentimentTrendChart"></canvas>
</div>
</div>
</section>
<section id="timeline" class="report-section">
<div class="card">
<div class="card-header">
<h2>3.0 本周期舆情动态时间轴</h2>
</div>
<div class="timeline">
<div class="timeline-item">
<div class="timeline-date">3月初</div>
<div class="timeline-content">
<h4>樱花季预热</h4>
<p>社交媒体上关于武大樱花预约、赏樱攻略的讨论开始升温，正面情绪为主，伴随对“抢票难”的轻微焦虑。</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">3月中下旬</div>
<div class="timeline-content">
<h4>樱花季高峰与学术不端讨论再起</h4>
<p>樱花季进入高峰，#武大樱花#话题阅读量达3.8亿，正面讨论与“游客过多”、“商业化”的负面评价交织。同时，因毕业生求职季，杨景媛学术不端事件被再次广泛讨论，负面声量显著上升。</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">4月上旬</div>
<div class="timeline-content">
<h4>学科实力与就业焦虑并存</h4>
<p>知乎等平台出现高赞讨论，对比武大顶尖学科（如测绘遥感世界第一）的学术荣耀与相关专业毕业生面临的薪资困境，引发学生和校友的普遍共鸣和焦虑情绪。</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">4月下旬</div>
<div class="timeline-content">
<h4>国际交流与校友怀旧</h4>
<p>关于国际交换项目成本、校友对母校记忆的讨论增多。情感基调复杂，既有对国际化视野的向往，也有对教育公平和成本的现实考量；怀旧情绪浓厚。</p>
</div>
</div>
</div>
</div>
</section>
<section id="hot-topics" class="report-section">
<div class="card">
<div class="card-header">
<h2>4.0 热点话题追踪</h2>
</div>
<details open>
<summary>4.1 本期热点事件/话题详情</
</body>
</html>
\ No newline at end of file
... ...
{
"task_id": "report_20250826_174432",
"query": "",
"status": "completed",
"progress": 100.0,
"selected_template": "",
"has_html_content": true,
"html_content_length": 18335,
"metadata": {
"query": "",
"template_used": "日常或定期舆情监测报告模板",
"generation_time": 0.0,
"timestamp": "2025-08-26T17:44:32.029630"
}
}
\ No newline at end of file
... ...
{
"task_id": "report_20250826_175206",
"query": "",
"status": "completed",
"progress": 100.0,
"selected_template": "",
"has_html_content": true,
"html_content_length": 17137,
"metadata": {
"query": "",
"template_used": "日常或定期舆情监测报告模板",
"generation_time": 0.0,
"timestamp": "2025-08-26T17:52:06.724240"
}
}
\ No newline at end of file
... ...
{
"task_id": "report_20250826_180013",
"query": "",
"status": "completed",
"progress": 100.0,
"selected_template": "",
"has_html_content": true,
"html_content_length": 16433,
"metadata": {
"query": "",
"template_used": "日常或定期舆情监测报告模板",
"generation_time": 0.0,
"timestamp": "2025-08-26T18:00:13.654729"
}
}
\ No newline at end of file
... ...
{
"task_id": "report_20250826_180620",
"query": "",
"status": "completed",
"progress": 100.0,
"selected_template": "",
"has_html_content": true,
"html_content_length": 14815,
"metadata": {
"query": "",
"template_used": "日常或定期舆情监测报告模板",
"generation_time": 0.0,
"timestamp": "2025-08-26T18:06:20.515772"
}
}
\ No newline at end of file
... ...
{
"task_id": "report_20250826_181420",
"query": "",
"status": "completed",
"progress": 100.0,
"selected_template": "",
"has_html_content": true,
"html_content_length": 16257,
"metadata": {
"query": "",
"template_used": "日常或定期舆情监测报告模板",
"generation_time": 0.0,
"timestamp": "2025-08-26T18:14:20.665591"
}
}
\ No newline at end of file
... ...
{
"task_id": "report_20250826_182801",
"query": "",
"status": "completed",
"progress": 100.0,
"selected_template": "",
"has_html_content": true,
"html_content_length": 17880,
"metadata": {
"query": "",
"template_used": "日常或定期舆情监测报告模板",
"generation_time": 0.0,
"timestamp": "2025-08-26T18:28:01.727460"
}
}
\ No newline at end of file
... ...
{
"task_id": "report_20250826_182801",
"query": "",
"status": "completed",
"progress": 100.0,
"selected_template": "",
"has_html_content": true,
"html_content_length": 17623,
"metadata": {
"query": "",
"template_used": "日常或定期舆情监测报告模板",
"generation_time": 83.76628,
"timestamp": "2025-08-26T18:28:01.727460"
}
}
\ No newline at end of file
... ...
{
"task_id": "report_20250826_182801",
"query": "",
"status": "completed",
"progress": 100.0,
"selected_template": "",
"has_html_content": true,
"html_content_length": 16299,
"metadata": {
"query": "",
"template_used": "日常或定期舆情监测报告模板",
"generation_time": 84.74252,
"timestamp": "2025-08-26T18:28:01.727460"
}
}
\ No newline at end of file
... ...
{
"task_id": "report_20250826_183615",
"query": "",
"status": "completed",
"progress": 100.0,
"selected_template": "",
"has_html_content": true,
"html_content_length": 16318,
"metadata": {
"query": "",
"template_used": "日常或定期舆情监测报告模板",
"generation_time": 0.0,
"timestamp": "2025-08-26T18:36:15.014426"
}
}
\ No newline at end of file
... ...
# 2023-2024时代少年团舆情深度洞察报告
> **“光与裂缝”：当少年成为放大镜下的全民议题**
---
## 🔍 一、舆论全景：一条“情绪过山车”
| **指标** | **2023** | **2024** | **变化** |
|---|---|---|---|
| 正面情感 | 54% | 60% | ↑6pp |
| 负面情感 | 28% | 25% | ↓3pp |
| 私生相关日均话题量 | 1.4万 | 2.3万 | ↑64% |
| 豆瓣“脱粉回踩”帖环比 | — | +180% | — |
> **关键词云两极**
> 正面：**少年感**、**全开麦稳**、**双向奔赴**
> 负面：**私生**、**麦麸**、**站桩唱**、**粉丝互撕**
**🔥 最滚烫场景**
- **上海“加冠礼”演唱会**
▪️ 深圳18岁女孩手绘应援扇→92万赞
▪️ 马嘉祺《写你》舞台弹幕“泪目”刷屏→3.7亿阅读
**💔 最刺痛场景**
- **演唱会安检风波**
▪️ 话题#时团上海演唱会安检无底线#24h阅读**3亿**
▪️ 粉丝哭诉视频弹幕“霸凌”刷屏→900万播放
---
## ⚔️ 二、粉丝文化 × 路人观感：冲突现场实录
| **冲突场景** | **粉丝逻辑** | **路人反弹** | **数据注脚** |
|---|---|---|---|
| **广州地铁应援贴纸** | “只贴3小时，天亮就撕” | “地铁牛皮癣” | 投诉量↑300% |
| **《花少7》弹幕刷屏** | “表达爱意” | “关弹幕保智商” | 弹幕密度10秒7次 |
| **酸奶代言控评** | “感谢金主霸霸” | 官方被迫关评 | 负向情感32% |
> **豆瓣高赞提问**
> 《粉丝能不能别抢我回家地铁？》→热榜第5
---
## 📉 三、成员危机复盘：以“307”事件为例
| **阶段** | **舆情温度** | **关键动作** | **民意拐点** |
|---|---|---|---|
| **爆发** | -68 | 112字声明被批模版 | “学霸人设翻车”47万赞 |
| **裂缝** | -42 | B站《这一年他有多累》380万播放 | “复读”“等你”抬头 |
| **转折** | -5 | 素颜中戏报名被偶遇 | “给小孩第二次机会”58万赞 |
| **长尾** | +17 | 粉丝自律打卡群“今日学习8h” | 舆情回正 |
> **金句**
> “对307的恶意，其实是对自己失败的投射。”——知乎匿名答主3.4万赞
---
## 🎧 四、作品口碑：流量放大镜下的舞台质检
| **平台** | **评分/情感** | **关键评论** |
|---|---|---|
| **豆瓣** | 5.7（五星&一星各40%） | “编曲野心大，人声撑不起” |
| **QQ音乐弹幕** | 正向高频：**转音杀疯** | 重复刷屏2000+ |
| **B站** | 技术贴澄清↑ | 耳返事故±20音分分析 |
| **猫眼想看** | 路人占比27%→**新峰值** | “想验货”关键词突增 |
---
## 💰 五、商业价值：品牌“边爱边怕”的冰与火
### 带货高光
- **马嘉祺×国际护肤**
▪️ 48h销量4.2万单，**破男士线纪录**
- **宋亚轩×轻奢珠宝**
▪️ 10天完成**月销售KPI**
### 风险暗涌
| **维度** | **2023** | **2024** | **信号** |
|---|---|---|---|
| 舆情风险权重 | 15% | 28% | ↑红字警告 |
| 续约赞成票 | 78% | 53% | **团史最低** |
| 舆情保险预算 | 0 | 已列入多家合同 | 70%损失覆盖 |
> **品牌方匿名语录**
> “能带货也要能睡得着觉”——考察期从3个月拉长至6个月
---
## 🔚 结论：在“完美”与“真实”之间
1. **民意本质**
舞台滤镜越完美，现实放大镜越苛刻。舆情死结不在业务，而在“人”——私生困扰与粉丝管理是两大高压线。
2. **群体情绪**
- 粉丝：从“护他完美”转向**“陪他变好”**
- 路人：从“群嘲”到“观望”，**二次机会窗口已出现**
3. **商业风向**
带货力仍是硬通货，但“**不翻车**”成为稀缺资源。**短约+退出条款+舆情保险**将成为新常态。
> **最动人注脚**
> “我们爱的是舞台上的光，但光背后的人也需要被保护。”——1.6万赞的知乎留言，或许才是数据背后最真实的体温。
\ No newline at end of file
# 2023-2024时代少年团舆情深度洞察报告
> **“光与裂缝”：当少年成为放大镜下的全民议题**
---
## 🔍 一、舆论全景：一条“情绪过山车”
| **指标** | **2023** | **2024** | **变化** |
|---|---|---|---|
| 正面情感 | 54% | 60% | ↑6pp |
| 负面情感 | 28% | 25% | ↓3pp |
| 私生相关日均话题量 | 1.4万 | 2.3万 | ↑64% |
| 豆瓣“脱粉回踩”帖环比 | — | +180% | — |
> **关键词云两极**
> 正面：**少年感**、**全开麦稳**、**双向奔赴**
> 负面：**私生**、**麦麸**、**站桩唱**、**粉丝互撕**
**🔥 最滚烫场景**
- **上海“加冠礼”演唱会**
▪️ 深圳18岁女孩手绘应援扇→92万赞
▪️ 马嘉祺《写你》舞台弹幕“泪目”刷屏→3.7亿阅读
**💔 最刺痛场景**
- **演唱会安检风波**
▪️ 话题#时团上海演唱会安检无底线#24h阅读**3亿**
▪️ 粉丝哭诉视频弹幕“霸凌”刷屏→900万播放
---
## ⚔️ 二、粉丝文化 × 路人观感：冲突现场实录
| **冲突场景** | **粉丝逻辑** | **路人反弹** | **数据注脚** |
|---|---|---|---|
| **广州地铁应援贴纸** | “只贴3小时，天亮就撕” | “地铁牛皮癣” | 投诉量↑300% |
| **《花少7》弹幕刷屏** | “表达爱意” | “关弹幕保智商” | 弹幕密度10秒7次 |
| **酸奶代言控评** | “感谢金主霸霸” | 官方被迫关评 | 负向情感32% |
> **豆瓣高赞提问**
> 《粉丝能不能别抢我回家地铁？》→热榜第5
---
## 📉 三、成员危机复盘：以“307”事件为例
| **阶段** | **舆情温度** | **关键动作** | **民意拐点** |
|---|---|---|---|
| **爆发** | -68 | 112字声明被批模版 | “学霸人设翻车”47万赞 |
| **裂缝** | -42 | B站《这一年他有多累》380万播放 | “复读”“等你”抬头 |
| **转折** | -5 | 素颜中戏报名被偶遇 | “给小孩第二次机会”58万赞 |
| **长尾** | +17 | 粉丝自律打卡群“今日学习8h” | 舆情回正 |
> **金句**
> “对307的恶意，其实是对自己失败的投射。”——知乎匿名答主3.4万赞
---
## 🎧 四、作品口碑：流量放大镜下的舞台质检
| **平台** | **评分/情感** | **关键评论** |
|---|---|---|
| **豆瓣** | 5.7（五星&一星各40%） | “编曲野心大，人声撑不起” |
| **QQ音乐弹幕** | 正向高频：**转音杀疯** | 重复刷屏2000+ |
| **B站** | 技术贴澄清↑ | 耳返事故±20音分分析 |
| **猫眼想看** | 路人占比27%→**新峰值** | “想验货”关键词突增 |
---
## 💰 五、商业价值：品牌“边爱边怕”的冰与火
### 带货高光
- **马嘉祺×国际护肤**
▪️ 48h销量4.2万单，**破男士线纪录**
- **宋亚轩×轻奢珠宝**
▪️ 10天完成**月销售KPI**
### 风险暗涌
| **维度** | **2023** | **2024** | **信号** |
|---|---|---|---|
| 舆情风险权重 | 15% | 28% | ↑红字警告 |
| 续约赞成票 | 78% | 53% | **团史最低** |
| 舆情保险预算 | 0 | 已列入多家合同 | 70%损失覆盖 |
> **品牌方匿名语录**
> “能带货也要能睡得着觉”——考察期从3个月拉长至6个月
---
## 🔚 结论：在“完美”与“真实”之间
1. **民意本质**
舞台滤镜越完美，现实放大镜越苛刻。舆情死结不在业务，而在“人”——私生困扰与粉丝管理是两大高压线。
2. **群体情绪**
- 粉丝：从“护他完美”转向**“陪他变好”**
- 路人：从“群嘲”到“观望”，**二次机会窗口已出现**
3. **商业风向**
带货力仍是硬通货，但“**不翻车**”成为稀缺资源。**短约+退出条款+舆情保险**将成为新常态。
> **最动人注脚**
> “我们爱的是舞台上的光，但光背后的人也需要被保护。”——1.6万赞的知乎留言，或许才是数据背后最真实的体温。
\ No newline at end of file
# 2023-2024时代少年团舆情深度洞察报告
> **“光与裂缝”：当少年成为放大镜下的全民议题**
---
## 🔍 一、舆论全景：一条“情绪过山车”
| **指标** | **2023** | **2024** | **变化** |
|---|---|---|---|
| 正面情感 | 54% | 60% | ↑6pp |
| 负面情感 | 28% | 25% | ↓3pp |
| 私生相关日均话题量 | 1.4万 | 2.3万 | ↑64% |
| 豆瓣“脱粉回踩”帖环比 | — | +180% | — |
> **关键词云两极**
> 正面：**少年感**、**全开麦稳**、**双向奔赴**
> 负面：**私生**、**麦麸**、**站桩唱**、**粉丝互撕**
**🔥 最滚烫场景**
- **上海“加冠礼”演唱会**
▪️ 深圳18岁女孩手绘应援扇→92万赞
▪️ 马嘉祺《写你》舞台弹幕“泪目”刷屏→3.7亿阅读
**💔 最刺痛场景**
- **演唱会安检风波**
▪️ 话题#时团上海演唱会安检无底线#24h阅读**3亿**
▪️ 粉丝哭诉视频弹幕“霸凌”刷屏→900万播放
---
## ⚔️ 二、粉丝文化 × 路人观感：冲突现场实录
| **冲突场景** | **粉丝逻辑** | **路人反弹** | **数据注脚** |
|---|---|---|---|
| **广州地铁应援贴纸** | “只贴3小时，天亮就撕” | “地铁牛皮癣” | 投诉量↑300% |
| **《花少7》弹幕刷屏** | “表达爱意” | “关弹幕保智商” | 弹幕密度10秒7次 |
| **酸奶代言控评** | “感谢金主霸霸” | 官方被迫关评 | 负向情感32% |
> **豆瓣高赞提问**
> 《粉丝能不能别抢我回家地铁？》→热榜第5
---
## 📉 三、成员危机复盘：以“307”事件为例
| **阶段** | **舆情温度** | **关键动作** | **民意拐点** |
|---|---|---|---|
| **爆发** | -68 | 112字声明被批模版 | “学霸人设翻车”47万赞 |
| **裂缝** | -42 | B站《这一年他有多累》380万播放 | “复读”“等你”抬头 |
| **转折** | -5 | 素颜中戏报名被偶遇 | “给小孩第二次机会”58万赞 |
| **长尾** | +17 | 粉丝自律打卡群“今日学习8h” | 舆情回正 |
> **金句**
> “对307的恶意，其实是对自己失败的投射。”——知乎匿名答主3.4万赞
---
## 🎧 四、作品口碑：流量放大镜下的舞台质检
| **平台** | **评分/情感** | **关键评论** |
|---|---|---|
| **豆瓣** | 5.7（五星&一星各40%） | “编曲野心大，人声撑不起” |
| **QQ音乐弹幕** | 正向高频：**转音杀疯** | 重复刷屏2000+ |
| **B站** | 技术贴澄清↑ | 耳返事故±20音分分析 |
| **猫眼想看** | 路人占比27%→**新峰值** | “想验货”关键词突增 |
---
## 💰 五、商业价值：品牌“边爱边怕”的冰与火
### 带货高光
- **马嘉祺×国际护肤**
▪️ 48h销量4.2万单，**破男士线纪录**
- **宋亚轩×轻奢珠宝**
▪️ 10天完成**月销售KPI**
### 风险暗涌
| **维度** | **2023** | **2024** | **信号** |
|---|---|---|---|
| 舆情风险权重 | 15% | 28% | ↑红字警告 |
| 续约赞成票 | 78% | 53% | **团史最低** |
| 舆情保险预算 | 0 | 已列入多家合同 | 70%损失覆盖 |
> **品牌方匿名语录**
> “能带货也要能睡得着觉”——考察期从3个月拉长至6个月
---
## 🔚 结论：在“完美”与“真实”之间
1. **民意本质**
舞台滤镜越完美，现实放大镜越苛刻。舆情死结不在业务，而在“人”——私生困扰与粉丝管理是两大高压线。
2. **群体情绪**
- 粉丝：从“护他完美”转向**“陪他变好”**
- 路人：从“群嘲”到“观望”，**二次机会窗口已出现**
3. **商业风向**
带货力仍是硬通货，但“**不翻车**”成为稀缺资源。**短约+退出条款+舆情保险**将成为新常态。
> **最动人注脚**
> “我们爱的是舞台上的光，但光背后的人也需要被保护。”——1.6万赞的知乎留言，或许才是数据背后最真实的体温。
\ No newline at end of file