戒酒的李白
492 lines
20 KiB
HTML
492 lines
20 KiB
HTML
<!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: #1E3A8A; /* 深蓝 */
|
|
--secondary-color: #3B82F6; /* 亮蓝 */
|
|
--accent-color: #F59E0B; /* 琥珀黄 */
|
|
--bg-color: #F3F4F6; /* 浅灰背景 */
|
|
--card-bg-color: #FFFFFF;
|
|
--text-color: #1F2937; /* 深灰文字 */
|
|
--text-light-color: #6B7280; /* 浅灰文字 */
|
|
--border-color: #E5E7EB;
|
|
--shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
|
|
--font-family: 'Noto Sans SC', sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
|
|
}
|
|
|
|
body.dark-mode {
|
|
--primary-color: #3B82F6;
|
|
--secondary-color: #60A5FA;
|
|
--accent-color: #FBBF24;
|
|
--bg-color: #111827; /* 深黑背景 */
|
|
--card-bg-color: #1F2937; /* 深灰卡片 */
|
|
--text-color: #F9FAFB; /* 亮灰文字 */
|
|
--text-light-color: #9CA3AF;
|
|
--border-color: #374151;
|
|
}
|
|
|
|
@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: var(--font-family);
|
|
background-color: var(--bg-color);
|
|
color: var(--text-color);
|
|
line-height: 1.6;
|
|
transition: background-color 0.3s, color 0.3s;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.container {
|
|
display: flex;
|
|
max-width: 1600px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.sidebar {
|
|
width: 260px;
|
|
background-color: var(--card-bg-color);
|
|
padding: 2rem 1rem;
|
|
position: sticky;
|
|
top: 0;
|
|
height: 100vh;
|
|
overflow-y: auto;
|
|
transition: background-color 0.3s;
|
|
border-right: 1px solid var(--border-color);
|
|
}
|
|
|
|
.sidebar-header {
|
|
font-size: 1.5rem;
|
|
font-weight: 700;
|
|
color: var(--primary-color);
|
|
margin-bottom: 2rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.sidebar-nav ul {
|
|
list-style: none;
|
|
}
|
|
|
|
.sidebar-nav li a {
|
|
display: block;
|
|
padding: 0.75rem 1rem;
|
|
color: var(--text-light-color);
|
|
text-decoration: none;
|
|
border-radius: 8px;
|
|
transition: background-color 0.2s, color 0.2s;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.sidebar-nav li a:hover, .sidebar-nav li a.active {
|
|
background-color: var(--primary-color);
|
|
color: #fff;
|
|
}
|
|
|
|
main {
|
|
flex: 1;
|
|
padding: 2rem;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
header.report-header {
|
|
margin-bottom: 2rem;
|
|
border-bottom: 2px solid var(--primary-color);
|
|
padding-bottom: 1.5rem;
|
|
}
|
|
|
|
.header-top {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.header-controls button {
|
|
background: var(--secondary-color);
|
|
color: white;
|
|
border: none;
|
|
padding: 0.6rem 1.2rem;
|
|
border-radius: 8px;
|
|
cursor: pointer;
|
|
margin-left: 0.5rem;
|
|
font-weight: 500;
|
|
transition: background-color 0.2s;
|
|
}
|
|
|
|
.header-controls button:hover {
|
|
background: var(--primary-color);
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2.5rem;
|
|
font-weight: 700;
|
|
color: var(--primary-color);
|
|
}
|
|
|
|
h1 span {
|
|
font-size: 1.5rem;
|
|
color: var(--text-light-color);
|
|
font-weight: 400;
|
|
display: block;
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
.report-meta {
|
|
color: var(--text-light-color);
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
section {
|
|
margin-bottom: 3rem;
|
|
background: var(--card-bg-color);
|
|
padding: 2rem;
|
|
border-radius: 12px;
|
|
box-shadow: var(--shadow);
|
|
transition: background-color 0.3s;
|
|
}
|
|
|
|
.section-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
margin-bottom: 1.5rem;
|
|
border-bottom: 1px solid var(--border-color);
|
|
padding-bottom: 1rem;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.8rem;
|
|
font-weight: 700;
|
|
color: var(--primary-color);
|
|
}
|
|
|
|
.toggle-icon {
|
|
font-size: 1.5rem;
|
|
transition: transform 0.3s;
|
|
}
|
|
|
|
.section-content.collapsed {
|
|
display: none;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.4rem;
|
|
font-weight: 500;
|
|
margin-top: 1.5rem;
|
|
margin-bottom: 1rem;
|
|
color: var(--secondary-color);
|
|
}
|
|
|
|
.grid {
|
|
display: grid;
|
|
gap: 1.5rem;
|
|
}
|
|
|
|
.grid-cols-3 {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
|
|
.grid-cols-2 {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
|
|
.card {
|
|
background: var(--bg-color);
|
|
padding: 1.5rem;
|
|
border-radius: 8px;
|
|
text-align: center;
|
|
}
|
|
|
|
.card .value {
|
|
font-size: 2.5rem;
|
|
font-weight: 700;
|
|
color: var(--primary-color);
|
|
}
|
|
|
|
.card .label {
|
|
font-size: 1rem;
|
|
color: var(--text-light-color);
|
|
}
|
|
|
|
.chart-container {
|
|
position: relative;
|
|
height: 400px;
|
|
width: 100%;
|
|
}
|
|
|
|
.timeline {
|
|
list-style: none;
|
|
position: relative;
|
|
padding-left: 2rem;
|
|
}
|
|
|
|
.timeline:before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 2px;
|
|
background: var(--secondary-color);
|
|
}
|
|
|
|
.timeline-item {
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
.timeline-item:before {
|
|
content: '';
|
|
position: absolute;
|
|
left: -8px;
|
|
top: 5px;
|
|
width: 18px;
|
|
height: 18px;
|
|
border-radius: 50%;
|
|
background: white;
|
|
border: 3px solid var(--secondary-color);
|
|
}
|
|
|
|
.timeline-date {
|
|
font-weight: 700;
|
|
color: var(--accent-color);
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
th, td {
|
|
padding: 0.8rem 1rem;
|
|
border: 1px solid var(--border-color);
|
|
text-align: left;
|
|
}
|
|
|
|
th {
|
|
background-color: var(--bg-color);
|
|
font-weight: 500;
|
|
}
|
|
|
|
@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 { padding: 1rem; }
|
|
h1 { font-size: 2rem; }
|
|
.grid-cols-3, .grid-cols-2 {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
|
|
@media print {
|
|
.sidebar, .header-controls {
|
|
display: none;
|
|
}
|
|
main { padding: 0; }
|
|
body { background-color: #fff; color: #000; }
|
|
section { box-shadow: none; border: 1px solid #ddd; padding: 1.5rem; }
|
|
h1, h2 { color: #000; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container">
|
|
<aside class="sidebar">
|
|
<div class="sidebar-header">导航目录</div>
|
|
<nav class="sidebar-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>
|
|
</ul>
|
|
</nav>
|
|
</aside>
|
|
|
|
<main>
|
|
<header class="report-header">
|
|
<div class="header-top">
|
|
<h1>智能舆情分析报告
|
|
<span>武汉大学 · 百年名校的骄傲、焦虑与烟火气</span>
|
|
</h1>
|
|
<div class="header-controls">
|
|
<button id="theme-toggle">切换主题</button>
|
|
<button onclick="window.print()">打印/PDF</button>
|
|
</div>
|
|
</div>
|
|
<p class="report-meta">报告周期: 2024-03-01 至 2024-04-30 | 数据来源: 微博、抖音、B站、知乎等12个信源</p>
|
|
</header>
|
|
|
|
<section id="overview">
|
|
<div class="section-header">
|
|
<h2>1.0 本周/月舆情概览</h2>
|
|
<span class="toggle-icon">▾</span>
|
|
</div>
|
|
<div class="section-content">
|
|
<h3>1.1 核心数据看板</h3>
|
|
<div class="grid grid-cols-3">
|
|
<div class="card">
|
|
<div class="value">3.8亿+</div>
|
|
<div class="label">总阅读量</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="value">210万+</div>
|
|
<div class="label">有效讨论文本</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="value">420万+</div>
|
|
<div class="label">总互动量</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h3>1.2 本期舆情热度 TOP 3</h3>
|
|
<ol>
|
|
<li><strong>樱花季盛况与争议：</strong>微博话题#武大樱花预约#阅读量高达3.8亿，引发全民关注。内容兼具“浪漫滤镜”与“抢票焦虑”，是本周期绝对的流量核心。</li>
|
|
<li><strong>学科实力与就业焦虑：</strong>以“测绘遥感世界第一”为代表的学术自豪感，与毕业生关于“薪资买不起房”的现实焦虑形成强烈对比，在知乎、B站等平台引发深度讨论。</li>
|
|
<li><strong>百年校史的现代解读：</strong>围绕建校时间（1893 vs 1913）的讨论在贴吧等社区持续发酵，并衍生出“学大汉武立国”等网络热梗，体现了历史在青年群体中的新生命力。</li>
|
|
</ol>
|
|
|
|
<h3>1.3 重点预警</h3>
|
|
<p><strong>资源落差感加剧：</strong>“院士发卫星数据当糖果”与“普通学生排队三周用PCR仪”的对比，凸显了顶尖资源与普通学生体验之间的鸿沟，可能成为内部矛盾的潜在燃点。</p>
|
|
<p><strong>就业性价比焦虑：</strong>法学、口腔医学等王牌专业的学生对实习、规培待遇的吐槽增多，舆论开始关注“名校光环”在现实就业市场中的“性价比”问题。</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="trends">
|
|
<div class="section-header">
|
|
<h2>2.0 关键数据趋势</h2>
|
|
<span class="toggle-icon">▾</span>
|
|
</div>
|
|
<div class="section-content">
|
|
<div class="grid grid-cols-2">
|
|
<div>
|
|
<h3>2.1 整体情感分布</h3>
|
|
<div class="chart-container">
|
|
<canvas id="sentimentPieChart"></canvas>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h3>2.2 核心情感趋势</h3>
|
|
<div class="chart-container">
|
|
<canvas id="sentimentTrendChart"></canvas>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="timeline">
|
|
<div class="section-header">
|
|
<h2>3.0 本周期舆情动态时间轴</h2>
|
|
<span class="toggle-icon">▾</span>
|
|
</div>
|
|
<div class="section-content">
|
|
<ul class="timeline">
|
|
<li class="timeline-item">
|
|
<div class="timeline-date">3月初</div>
|
|
<p><strong>#武大樱花预约# 话题启动：</strong>官方发布预约赏樱通知，社交媒体热度开始攀升，引发第一波关于“抢票难”的讨论。</p>
|
|
</li>
|
|
<li class="timeline-item">
|
|
<div class="timeline-date">3月中旬</div>
|
|
<p><strong>樱花盛开期：</strong>小红书、抖音涌现大量“童话滤镜”赏樱内容，正面情绪达到顶峰。同时，#武汉人挤不进武大# 等负面话题出现，反映管理压力。</p>
|
|
</li>
|
|
<li class="timeline-item">
|
|
<div class="timeline-date">4月初</div>
|
|
<p><strong>春招季讨论：</strong>知乎出现高赞问答，讨论“武大测绘遥感世界第一，为何毕业生工资不高”，引发对“天坑专业”和就业现实的广泛共鸣。</p>
|
|
</li>
|
|
<li class="timeline-item">
|
|
<div class="timeline-date">4月中旬</div>
|
|
<p><strong>国际交流活动：</strong>诺贝尔奖得主谢克曼返校演讲、京都大学学生朗诵《将进酒》等事件在B站获得高播放量，激发文化自豪感和学术向往。</p>
|
|
</li>
|
|
<li class="timeline-item">
|
|
<div class="timeline-date">4月底</div>
|
|
<p><strong>校史讨论发酵：</strong>贴吧及微博的“校史起点”讨论被营销号整合传播，衍生出“学大汉武立国”等网络梗，将严肃讨论娱乐化。</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="hot-topics">
|
|
<div class="section-header">
|
|
<h2>4.0 热点话题追踪</h2>
|
|
<span class="toggle-icon">▾</span>
|
|
</div>
|
|
<div class="section-content">
|
|
<h3>4.1 学科光环与现实焦虑的碰撞</h3>
|
|
<p>公众对武大学术实力的认知呈现两极化叙事。一方面，以“测绘遥感世界第一”、“法学全国前三”、“病毒学国家重点实验室”为代表的“高光叙事”在知乎、B站等平台持续获得高赞，构筑了强大的学术自豪感。但另一方面，来自学生和年轻校友的“焦虑痛点”也日益凸显，形成强烈反差。</p>
|
|
<table>
|
|
<thead>
|
|
<tr><th>学科</th><th>高光叙事</th><th>焦虑痛点</th><th>情感走向</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr><td>测绘遥感</td><td>知乎“世界第一”获4.5万赞</td><td>硕士春招中位数7.2k，“买不起武汉一平米”</td><td>自豪感被现实焦虑稀释</td></tr>
|
|
<tr><td>法学</td><td>省考“双第一”报喜刷屏</td><td>红圈所实习5k不包宿，“温柔铠甲裂了”</td><td>精英向往与考公热并存</td></tr>
|
|
<tr><td>口腔医学</td><td>B站科普视频获300万播放</td><td>规培时薪低于奶茶店，“累到筷子都拿不稳”</td><td>社会信赖与从业者疲惫</td></tr>
|
|
</tbody>
|
|
</table>
|
|
<p class="conclusion"><strong>洞察：</strong>学科光芒并未熄灭，而是被年轻人的房租、薪资、工作强度等现实问题折射得更立体，公众对“名校”的评价标准正从单一的学术排名向“投入产出比”延伸。</p>
|
|
|
|
<h3>4.2 校园文化：樱花的浪漫与“围城”的拉锯</h3>
|
|
<p>樱花季是武大最具代表性的文化符号，但也成为内外部感知差异最大的场景。对外，它是“童话滤镜”下的浪漫圣地；对内，则夹杂着“抢票难”、“游客拥挤”的困扰。</p>
|
|
<ul>
|
|
<li><strong>浪漫叙事：</strong>小红书涌现超10万篇赏樱笔记，抖音“武大樱花”相关视频播放量破亿，构建了强大的正面形象。</li>
|
|
<li><strong>现实裂缝：</strong>微博#武汉人挤不进武大#话题引发3.8万条讨论，学生群体抱怨正常学习生活受影响，本地市民则感到被“拒之门外”。</li>
|
|
</ul>
|
|
<p class="conclusion"><strong>洞察：</strong>樱花节已从校园文化活动演变为城市级公共事件。如何在开放共享与保障校内秩序之间取得平衡，是学校持续面临的治理挑战。</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="channels">
|
|
<div class="section-header">
|
|
<h2>5.0 重点渠道表现</h2>
|
|
<span class="toggle-icon">▾</span>
|
|
</div>
|
|
<div class="section-content">
|
|
<div class="grid grid-cols-2">
|
|
<div>
|
|
<h3>5.1 核心社交媒体表现</h3>
|
|
<div class="chart-container">
|
|
<canvas id="sourceDistributionChart"></canvas>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h3>5.2 核心内容平台表现</h3>
|
|
<ul>
|
|
<li><strong>微博：</strong>主要舆论场和事件引爆点。#武大樱花预约#等热搜话题主导了声量，但讨论相对碎片化。</li>
|
|
<li><strong>知乎 & B站：</strong>深度讨论和专业内容核心区。关于学科实力、就业前景、科研生活的长文和视频引发了更持久和深刻的共鸣。</li>
|
|
<li><strong>小红书 & 抖音：</strong>视觉化和生活化内容主阵地。以“高颜值滤镜”展示校园风光、学习vlog等内容，塑造了青春
|
|
</body>
|
|
</html> |