戒酒的李白
431 lines
17 KiB
HTML
431 lines
17 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>
|
|
<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> |