718 lines
23 KiB
HTML
718 lines
23 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>aaaaaaaaaa紧急事件报告日报 - 2025-04-27至2025-04-29</title>
|
||
<style>
|
||
/* 严格定义的CSS样式，确保风格一致性 */
|
||
:root {
|
||
--bg-primary: #0f0e17;
|
||
--bg-secondary: #1a1925;
|
||
--bg-tertiary: #252336;
|
||
--text-primary: #fffffe;
|
||
--text-secondary: #a7a9be;
|
||
--accent-primary: #ff8906;
|
||
--accent-secondary: #f25f4c;
|
||
--accent-tertiary: #e53170;
|
||
--accent-blue: #3da9fc;
|
||
--accent-purple: #7209b7;
|
||
--accent-cyan: #00b4d8;
|
||
}
|
||
|
||
* {
|
||
margin: 0;
|
||
padding: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
body {
|
||
font-family: 'SF Pro Display', 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', sans-serif;
|
||
background-color: var(--bg-primary);
|
||
color: var(--text-primary);
|
||
line-height: 1.6;
|
||
font-size: 16px;
|
||
width: 1200px;
|
||
margin: 0 auto;
|
||
padding: 20px;
|
||
}
|
||
|
||
header {
|
||
text-align: center;
|
||
padding: 30px 0;
|
||
background-color: var(--bg-secondary);
|
||
margin-bottom: 30px;
|
||
}
|
||
|
||
h1 {
|
||
font-size: 36px;
|
||
font-weight: 700;
|
||
color: var(--accent-primary);
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.date {
|
||
font-size: 18px;
|
||
color: var(--text-secondary);
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.meta-info {
|
||
display: flex;
|
||
justify-content: center;
|
||
gap: 20px;
|
||
}
|
||
|
||
.meta-info span {
|
||
background-color: var(--bg-tertiary);
|
||
padding: 5px 15px;
|
||
border-radius: 20px;
|
||
font-size: 14px;
|
||
}
|
||
|
||
section {
|
||
background-color: var(--bg-secondary);
|
||
margin-bottom: 30px;
|
||
padding: 25px;
|
||
}
|
||
|
||
h2 {
|
||
font-size: 28px;
|
||
font-weight: 600;
|
||
color: var(--accent-blue);
|
||
margin-bottom: 20px;
|
||
padding-bottom: 10px;
|
||
border-bottom: 2px solid var(--accent-blue);
|
||
}
|
||
|
||
h3 {
|
||
font-size: 22px;
|
||
font-weight: 600;
|
||
color: var(--accent-primary);
|
||
margin: 15px 0 10px 0;
|
||
}
|
||
|
||
h4 {
|
||
font-size: 18px;
|
||
font-weight: 600;
|
||
color: var(--accent-secondary);
|
||
margin: 12px 0 8px 0;
|
||
}
|
||
|
||
p {
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
ul, ol {
|
||
margin-left: 20px;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
li {
|
||
margin-bottom: 5px;
|
||
}
|
||
|
||
a {
|
||
color: var(--accent-blue);
|
||
text-decoration: none;
|
||
}
|
||
|
||
a:hover {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
/* 卡片容器样式 */
|
||
.topics-container, .tutorials-container, .messages-container,
|
||
.dialogues-container, .qa-container, .participants-container {
|
||
display: grid;
|
||
grid-template-columns: 1fr;
|
||
gap: 20px;
|
||
}
|
||
|
||
/* 卡片样式 */
|
||
.topic-card, .tutorial-card, .message-card,
|
||
.dialogue-card, .qa-card, .participant-item, .night-owl-item {
|
||
background-color: var(--bg-tertiary);
|
||
padding: 20px;
|
||
}
|
||
|
||
/* 话题卡片 */
|
||
.topic-category {
|
||
display: inline-block;
|
||
background-color: var(--accent-blue);
|
||
color: var(--text-primary);
|
||
padding: 3px 10px;
|
||
border-radius: 15px;
|
||
font-size: 14px;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.topic-keywords {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 8px;
|
||
margin: 10px 0;
|
||
}
|
||
|
||
.keyword {
|
||
background-color: rgba(61, 169, 252, 0.2);
|
||
padding: 3px 10px;
|
||
border-radius: 12px;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.topic-mentions {
|
||
color: var(--accent-cyan);
|
||
font-weight: 600;
|
||
}
|
||
|
||
/* 教程卡片 */
|
||
.tutorial-type {
|
||
display: inline-block;
|
||
background-color: var(--accent-secondary);
|
||
color: var(--text-primary);
|
||
padding: 3px 10px;
|
||
border-radius: 15px;
|
||
font-size: 14px;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.tutorial-meta {
|
||
color: var(--text-secondary);
|
||
margin-bottom: 10px;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.tutorial-category {
|
||
margin-top: 10px;
|
||
font-style: italic;
|
||
color: var(--text-secondary);
|
||
}
|
||
|
||
/* 消息卡片 */
|
||
.message-meta {
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.message-meta span {
|
||
margin-right: 15px;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.message-type {
|
||
background-color: var(--accent-tertiary);
|
||
color: var(--text-primary);
|
||
padding: 3px 10px;
|
||
border-radius: 15px;
|
||
}
|
||
|
||
.priority {
|
||
padding: 3px 10px;
|
||
border-radius: 15px;
|
||
}
|
||
|
||
.priority-high {
|
||
background-color: var(--accent-secondary);
|
||
}
|
||
|
||
.priority-medium {
|
||
background-color: var(--accent-primary);
|
||
}
|
||
|
||
.priority-low {
|
||
background-color: var(--accent-blue);
|
||
}
|
||
|
||
/* 对话卡片 */
|
||
.dialogue-type {
|
||
display: inline-block;
|
||
background-color: var(--accent-purple);
|
||
color: var(--text-primary);
|
||
padding: 3px 10px;
|
||
border-radius: 15px;
|
||
font-size: 14px;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.dialogue-content {
|
||
background-color: rgba(255, 255, 255, 0.05);
|
||
padding: 15px;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.dialogue-highlight {
|
||
font-style: italic;
|
||
color: var(--accent-primary);
|
||
margin: 10px 0;
|
||
font-weight: 600;
|
||
}
|
||
|
||
/* 问答卡片 */
|
||
.question {
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.question-meta, .answer-meta {
|
||
color: var(--text-secondary);
|
||
margin-bottom: 5px;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.question-tags {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 8px;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.tag {
|
||
background-color: rgba(114, 9, 183, 0.2);
|
||
padding: 3px 10px;
|
||
border-radius: 12px;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.answer {
|
||
background-color: rgba(255, 255, 255, 0.05);
|
||
padding: 15px;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.accepted-badge {
|
||
background-color: var(--accent-primary);
|
||
color: var(--text-primary);
|
||
padding: 3px 10px;
|
||
border-radius: 15px;
|
||
font-size: 14px;
|
||
}
|
||
|
||
/* 热度图 */
|
||
.heatmap-container {
|
||
display: grid;
|
||
grid-template-columns: 1fr;
|
||
gap: 15px;
|
||
}
|
||
|
||
.heat-topic {
|
||
font-weight: 600;
|
||
margin-bottom: 5px;
|
||
}
|
||
|
||
.heat-bar {
|
||
height: 20px;
|
||
background-color: rgba(255, 255, 255, 0.1);
|
||
margin: 5px 0;
|
||
border-radius: 10px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.heat-fill {
|
||
height: 100%;
|
||
border-radius: 10px;
|
||
}
|
||
|
||
/* 话唠榜 */
|
||
.participant-rank {
|
||
font-size: 28px;
|
||
font-weight: 700;
|
||
color: var(--accent-primary);
|
||
margin-right: 15px;
|
||
float: left;
|
||
}
|
||
|
||
.participant-name {
|
||
font-weight: 600;
|
||
font-size: 18px;
|
||
margin-bottom: 5px;
|
||
}
|
||
|
||
.participant-count {
|
||
color: var(--accent-cyan);
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.participant-characteristics, .participant-words {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 8px;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.characteristic {
|
||
background-color: rgba(242, 95, 76, 0.2);
|
||
padding: 3px 10px;
|
||
border-radius: 12px;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.word {
|
||
background-color: rgba(229, 49, 112, 0.2);
|
||
padding: 3px 10px;
|
||
border-radius: 12px;
|
||
font-size: 14px;
|
||
}
|
||
|
||
/* 熬夜冠军 */
|
||
.night-owl-item {
|
||
background: linear-gradient(135deg, #0f0e17 0%, #192064 100%);
|
||
padding: 20px;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.owl-crown {
|
||
font-size: 40px;
|
||
margin-right: 20px;
|
||
}
|
||
|
||
.owl-name {
|
||
font-weight: 600;
|
||
font-size: 18px;
|
||
margin-bottom: 5px;
|
||
}
|
||
|
||
.owl-title {
|
||
color: var(--accent-primary);
|
||
font-style: italic;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.owl-time, .owl-messages {
|
||
color: var(--text-secondary);
|
||
margin-bottom: 5px;
|
||
}
|
||
|
||
.owl-note {
|
||
font-size: 14px;
|
||
color: var(--text-secondary);
|
||
margin-top: 10px;
|
||
font-style: italic;
|
||
}
|
||
|
||
/* 词云 - 云朵样式 */
|
||
.cloud-container {
|
||
position: relative;
|
||
margin: 0 auto;
|
||
padding: 20px 0;
|
||
}
|
||
|
||
.cloud-wordcloud {
|
||
position: relative;
|
||
width: 600px;
|
||
height: 400px;
|
||
margin: 0 auto;
|
||
background-color: var(--bg-tertiary);
|
||
border-radius: 50%;
|
||
box-shadow:
|
||
40px 40px 0 -5px var(--bg-tertiary),
|
||
80px 10px 0 -10px var(--bg-tertiary),
|
||
110px 35px 0 -5px var(--bg-tertiary),
|
||
-40px 50px 0 -8px var(--bg-tertiary),
|
||
-70px 20px 0 -10px var(--bg-tertiary);
|
||
overflow: visible;
|
||
}
|
||
|
||
.cloud-word {
|
||
position: absolute;
|
||
transform-origin: center;
|
||
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.cloud-word:hover {
|
||
transform: scale(1.1);
|
||
z-index: 10;
|
||
}
|
||
|
||
.cloud-legend {
|
||
margin-top: 60px;
|
||
display: flex;
|
||
justify-content: center;
|
||
gap: 30px;
|
||
}
|
||
|
||
.legend-item {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
}
|
||
|
||
.legend-color {
|
||
width: 20px;
|
||
height: 20px;
|
||
border-radius: 50%;
|
||
}
|
||
|
||
/* 底部 */
|
||
footer {
|
||
text-align: center;
|
||
padding: 20px 0;
|
||
margin-top: 50px;
|
||
background-color: var(--bg-secondary);
|
||
color: var(--text-secondary);
|
||
font-size: 14px;
|
||
}
|
||
|
||
footer p {
|
||
margin: 5px 0;
|
||
}
|
||
|
||
.disclaimer {
|
||
margin-top: 15px;
|
||
font-style: italic;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<h1>aaaaaaaaaa紧急事件报告日报</h1>
|
||
<p class="date">2025-04-27至2025-04-29</p>
|
||
<div class="meta-info">
|
||
<span>总消息数：302</span>
|
||
<span>活跃用户：4</span>
|
||
<span>时间范围：2025-04-27 11:33:20至2025-04-29 19:25:36</span>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- 今日讨论热点 -->
|
||
<section class="hot-topics">
|
||
<h2>今日讨论热点</h2>
|
||
<div class="topics-container">
|
||
<div class="topic-card">
|
||
<h3>计算机设计大赛项目准备</h3>
|
||
<div class="topic-category">学术竞赛</div>
|
||
<p class="topic-summary">群成员围绕中国大学生计算机设计大赛参赛作品《文书宝典——智能公文库与写作平台》展开密集讨论，涉及文档编写、PPT制作、答辩视频准备等工作。</p>
|
||
<div class="topic-keywords">
|
||
<span class="keyword">PPT制作</span>
|
||
<span class="keyword">技术展示</span>
|
||
<span class="keyword">文档格式</span>
|
||
</div>
|
||
<div class="topic-mentions">提及次数：287</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 实用教程与资源分享 -->
|
||
<section class="tutorials">
|
||
<h2>实用教程与资源分享</h2>
|
||
<div class="tutorials-container">
|
||
<div class="tutorial-card">
|
||
<div class="tutorial-type">RESOURCE</div>
|
||
<h3>CSDN技术博客：计算机大赛经验</h3>
|
||
<div class="tutorial-meta">
|
||
<span class="shared-by">分享者：昏沉沉的</span>
|
||
<span class="share-time">时间：2025-04-27 11:47:14</span>
|
||
</div>
|
||
<p class="tutorial-summary">关于计算机设计大赛的技术实现参考文章</p>
|
||
<div class="key-points">
|
||
<h4>要点：</h4>
|
||
<ul>
|
||
<li>获奖项目技术分析</li>
|
||
<li>功能实现方案</li>
|
||
</ul>
|
||
</div>
|
||
<div class="tutorial-link">
|
||
<a href="https://blog.csdn.net/youcans/article/details/123948442" class="link valid">查看原文: csdn.net</a>
|
||
</div>
|
||
<div class="tutorial-category">分类：技术参考</div>
|
||
</div>
|
||
<div class="tutorial-card">
|
||
<div class="tutorial-type">TUTORIAL</div>
|
||
<h3>在线文档：技术要点整理</h3>
|
||
<div class="tutorial-meta">
|
||
<span class="shared-by">分享者：昏沉沉的</span>
|
||
<span class="share-time">时间：2025-04-27 11:49:52</span>
|
||
</div>
|
||
<p class="tutorial-summary">项目核心技术要点汇总文档</p>
|
||
<div class="key-points">
|
||
<h4>要点：</h4>
|
||
<ul>
|
||
<li>前端技术</li>
|
||
<li>后端架构</li>
|
||
<li>AI应用</li>
|
||
</ul>
|
||
</div>
|
||
<div class="tutorial-link">
|
||
<a href="https://www.kdocs.cn/l/cjm4CnSfuV9K" class="link valid">查看原文: kdocs.cn</a>
|
||
</div>
|
||
<div class="tutorial-category">分类：技术文档</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 重要消息汇总 -->
|
||
<section class="important-messages">
|
||
<h2>重要消息汇总</h2>
|
||
<div class="messages-container">
|
||
<div class="message-card">
|
||
<div class="message-meta">
|
||
<span class="time">2025-04-28 21:18:13</span>
|
||
<span class="sender">杨莅沅老师</span>
|
||
<span class="message-type">NOTICE</span>
|
||
<span class="priority priority-high">优先级：高</span>
|
||
</div>
|
||
<p class="message-content">秦大拿，现在进度怎么样了，今晚能交上吗</p>
|
||
</div>
|
||
<div class="message-card">
|
||
<div class="message-meta">
|
||
<span class="time">2025-04-29 17:06:55</span>
|
||
<span class="sender">杨莅沅老师</span>
|
||
<span class="message-type">ANNOUNCEMENT</span>
|
||
<span class="priority priority-high">优先级：高</span>
|
||
</div>
|
||
<p class="message-content">秦大拿看一遍ppt内容还有要修正的吗</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 有趣对话或金句 -->
|
||
<section class="interesting-dialogues">
|
||
<h2>有趣对话或金句</h2>
|
||
<div class="dialogues-container">
|
||
<div class="dialogue-card">
|
||
<div class="dialogue-type">DIALOGUE</div>
|
||
<div class="dialogue-content">
|
||
<div class="message">
|
||
<div class="message-meta">
|
||
<span class="speaker">杨莅沅老师</span>
|
||
<span class="time">2025-04-29 06:15:34</span>
|
||
</div>
|
||
<p class="message-content">那你硬拖着，看我挨骂啊</p>
|
||
</div>
|
||
<div class="message">
|
||
<div class="message-meta">
|
||
<span class="speaker">数媒技术春季班冯圣磊</span>
|
||
<span class="time">2025-04-29 06:16:08</span>
|
||
</div>
|
||
<p class="message-content">[呲牙]</p>
|
||
</div>
|
||
</div>
|
||
<div class="dialogue-highlight">关于PPT制作进度的幽默对峙</div>
|
||
<div class="dialogue-topic">相关话题：项目时间管理</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 问题与解答 -->
|
||
<section class="questions-answers">
|
||
<h2>问题与解答</h2>
|
||
<div class="qa-container">
|
||
<div class="qa-card">
|
||
<div class="question">
|
||
<div class="question-meta">
|
||
<span class="asker">昏沉沉的</span>
|
||
<span class="time">2025-04-29 08:26:44</span>
|
||
</div>
|
||
<p class="question-content">你用ai直接生成的吗</p>
|
||
<div class="question-tags">
|
||
<span class="tag">PPT制作</span>
|
||
<span class="tag">AI应用</span>
|
||
</div>
|
||
</div>
|
||
<div class="answers">
|
||
<div class="answer">
|
||
<div class="answer-meta">
|
||
<span class="responder">数媒技术春季班冯圣磊</span>
|
||
<span class="time">2025-04-29 08:27:21</span>
|
||
<span class="accepted-badge">最佳回答</span>
|
||
</div>
|
||
<p class="answer-content">不完全是，有些是昨晚提取的，今早列上</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 群内数据可视化 -->
|
||
<section class="analytics">
|
||
<h2>群内数据可视化</h2>
|
||
|
||
<h3>话题热度</h3>
|
||
<div class="heatmap-container">
|
||
<div class="heat-item">
|
||
<div class="heat-topic">文档修改</div>
|
||
<div class="heat-percentage">35%</div>
|
||
<div class="heat-bar">
|
||
<div class="heat-fill" style="width: 35%; background-color: #3da9fc;"></div>
|
||
</div>
|
||
<div class="heat-count">42条消息</div>
|
||
</div>
|
||
<div class="heat-item">
|
||
<div class="heat-topic">PPT制作</div>
|
||
<div class="heat-percentage">30%</div>
|
||
<div class="heat-bar">
|
||
<div class="heat-fill" style="width: 30%; background-color: #4361ee;"></div>
|
||
</div>
|
||
<div class="heat-count">36条消息</div>
|
||
</div>
|
||
</div>
|
||
|
||
<h3>话唠榜</h3>
|
||
<div class="participants-container">
|
||
<div class="participant-item">
|
||
<div class="participant-rank">1</div>
|
||
<div class="participant-info">
|
||
<div class="participant-name">昏沉沉的</div>
|
||
<div class="participant-count">128 条消息</div>
|
||
<div class="participant-characteristics">
|
||
<span class="characteristic">技术主导</span>
|
||
<span class="characteristic">进度督促</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="participant-item">
|
||
<div class="participant-rank">2</div>
|
||
<div class="participant-info">
|
||
<div class="participant-name">杨莅沅老师</div>
|
||
<div class="participant-count">87 条消息</div>
|
||
<div class="participant-characteristics">
|
||
<span class="characteristic">质量把控</span>
|
||
<span class="characteristic">格式要求</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<h3>熬夜冠军</h3>
|
||
<div class="night-owls-container">
|
||
<div class="night-owl-item">
|
||
<div class="owl-crown" title="熬夜冠军">👑</div>
|
||
<div class="owl-info">
|
||
<div class="owl-name">刘蕴萱</div>
|
||
<div class="owl-title">深夜文档侠</div>
|
||
<div class="owl-time">最晚活跃时间：2025-04-28 04:01:13</div>
|
||
<div class="owl-messages">深夜消息数：5</div>
|
||
<div class="owl-note">注：熬夜时段定义为23:00-06:00，已考虑不同时区</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 词云 -->
|
||
<section class="word-cloud">
|
||
<h2>热门词云</h2>
|
||
<div class="cloud-container">
|
||
<div class="cloud-wordcloud" id="word-cloud">
|
||
<span class="cloud-word" style="left: 300px; top: 120px; font-size: 38px; color: #00b4d8; transform: rotate(-15deg);">PPT</span>
|
||
<span class="cloud-word" style="left: 180px; top: 150px; font-size: 32px; color: #00b4d8; transform: rotate(5deg);">文档</span>
|
||
</div>
|
||
<div class="cloud-legend">
|
||
<div class="legend-item">
|
||
<span class="legend-color" style="background-color: #00b4d8;"></span>
|
||
<span class="legend-label">项目材料 相关词汇</span>
|
||
</div>
|
||
<div class="legend-item">
|
||
<span class="legend-color" style="background-color: #4361ee;"></span>
|
||
<span class="legend-label">技术术语 相关词汇</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<footer>
|
||
<p>数据来源：aaaaaaaaaa紧急事件聊天记录</p>
|
||
<p>生成时间：2025-04-30 10:00:00</p>
|
||
<p>统计周期：2025-04-27 11:33:20 至 2025-04-29 19:25:36</p>
|
||
<p class="disclaimer">免责声明：本报告内容基于群聊公开讨论，如有不当内容或侵权问题请联系管理员处理。</p>
|
||
</footer>
|
||
</body>
|
||
</html> |