<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>悼念我们黄土塬上的好后生</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: "Microsoft YaHei", "SimHei", sans-serif;
line-height: 1.8;
color: #333;
background-color: #f8f3e9;
background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23b89f7a' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
padding: 20px;
}
.container {
max-width: 800px;
margin: 0 auto;
background: rgba(255, 252, 244, 0.9);
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
padding: 30px;
position: relative;
overflow: hidden;
}
.header {
text-align: center;
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #d9c7a6;
position: relative;
}
.header::after {
content: "";
position: absolute;
bottom: -5px;
left: 50%;
transform: translateX(-50%);
width: 100px;
height: 2px;
background: #8e7d5b;
}
h1 {
font-size: 2.2rem;
color: #7d5d38;
margin-bottom: 15px;
font-weight: normal;
letter-spacing: 2px;
}
.subtitle {
font-size: 1.2rem;
color: #9e8565;
font-style: italic;
}
.content {
font-size: 1.1rem;
text-indent: 2em;
margin-bottom: 25px;
text-align: justify;
}
.content p {
margin-bottom: 20px;
}
.emphasis {
color: #8e5d3b;
font-weight: bold;
}
.footer {
text-align: center;
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid #d9c7a6;
color: #7d5d38;
font-size: 1.2rem;
}
.decoration {
position: absolute;
opacity: 0.1;
font-size: 8rem;
color: #7d5d38;
z-index: 0;
}
.decoration-1 {
top: 20px;
right: 20px;
transform: rotate(15deg);
}
.decoration-2 {
bottom: 10px;
left: 10px;
transform: rotate(-10deg);
}
@media (max-width: 768px) {
body {
padding: 10px;
}
.container {
padding: 20px 15px;
}
h1 {
font-size: 1.8rem;
}
.content {
font-size: 1rem;
}
.decoration {
font-size: 5rem;
}
}
/* 打印样式 */
@media print {
body {
background: none;
padding: 0;
}
.container {
box-shadow: none;
border-radius: 0;
max-width: 100%;
}
}
</style>
</head>
<body>
<div class="container">
<div class="decoration decoration-1">念</div>
<div class="decoration decoration-2">奠</div>
<div class="header">
<h1>洮水呜咽，陇中悲歌</h1>
<div class="subtitle">悼念我们黄土塬上的好后生</div>
</div>
<div class="content">
<p>渭源的天空今日格外高远，就像他那从不设防的心胸；田家河的水声似乎也低沉了许多，絮叨着一位老熟人的离去。在我们这片被黄土深深包裹的过那山，一个总是见人就笑、抄着工具说走就走的身影，就此定格在了他人生的第四十九个年轮上。属龙的他，终究像一条归海的蛟龙，回到了生他养他的黄土地里，留下了无尽的思念与那一声沉重的叹息。</p>
<p>他的一生，是深深地扎根在这片贫瘠又富饶的黄土里的。</p>
<p>小时候的学堂，没能拴住他的心。书本上的墨香，远不如田间新翻的泥土气息来得真切动人。他的课堂，在广袤的垄亩之上；他的学问，是春种秋收、是二十四节气的更迭。他对土地有着赤子般的眷恋，那是一种沉默的、无需言说的深厚感情。这感情，化作了日后他对邻里乡亲毫无保留的热忱。</p>
<p>他是个<span class="emphasis">"老好人"</span>——这称呼在咱们这地界，是顶实在、顶金贵的褒奖。脸上总挂着那仿佛能驱散陇中寒风的憨厚笑容，见着谁都是乐呵呵的。乡邻们但凡有点大小事情，灶火不旺了，院墙歪斜了，甚至只是心里头憋闷想找人说说话，他总是第一个到场。不需要华丽的言语，那双粗糙而有力的手，那份马上就能到的实在，便是最熨帖的安慰。</p>
<p>印象最深的是，谁家有人出门打工，家里留下老小，若遇上急事难事，一个电话打给他，他便是那家的<span class="emphasis">"顶梁柱"</span>。无论是深更半夜老人突发不适，还是风雨骤至需要抢收院里的粮食，他从未有过半分迟疑，披上衣裳就走。他把别人的事，都当成了自己家的事来办。这份古道热肠，在如今的世道里，像金子一般闪光，也让我们习惯于有他在的那份踏实。</p>
<p>他的少年时光，也曾随着父母的脚步，从峡城乡转到会川镇求学。生活的轨迹如同这黄土高原上的沟壑，蜿蜒却自有其方向。村里至今还流传着他年轻时一件趣事：他曾像模像样地扮演起回族人，在村社里吆喝着收羊皮。那场景，想必充满了生机勃勃的欢笑，是他热爱生活、喜欢热闹性子的一次鲜活注脚。想起这事，仿佛还能听见他那带着乡音的叫卖声，穿透时光，在过那山社的梁峁间回荡。</p>
<p>后来，他在村里的自来水站找到了他的<span class="emphasis">"岗位"</span>，一干就是许多年头。这工作于他，再合适不过。水是生命的源头，而他，就像是这片土地的毛细血管里，那颗最尽职尽责、随时准备涌动的红细胞。村社里无论谁家水管破了，水龙头不出水了，甚至只是水表出了点小问题，他总是随叫随到。他的工具包和他的人一样，随时准备着奔赴需要他的地方。他守护的不仅仅是一股清泉，更是乡亲们日常生活最基本的顺畅与安宁。他用他最质朴的方式，滋润着这片他深爱的土地和土地上的人们。</p>
<p>如今，洮水依然长流，过那山社的日头依旧升起落下。可我们都知道，村里少了一个随时能响应的身影，少了一张见人就笑的温暖面孔。他走得急了些，才四十九岁，像一棵正当壮年的白杨，骤然倒伏。</p>
<p>但他这一生，虽平凡如黄土高原上的一粒沙，却坚实而温暖。他没有惊天动地的伟业，但他用全部的善良、热忱和笑容，在我们每一个人的记忆里，刻下了无法磨灭的印记。他活成了咱们《平凡的世界》里最值得书写的那种人——平凡，却闪耀着人性最美的光辉。</p>
<p>他就这样，融进了这片他一生未曾远离的黄土地里，化作了春风，化作了秋雨，化作了田埂上的一棵麦苗，继续守望着这个他深爱着的村庄。</p>
</div>
<div class="footer">
<p>愿黄土轻柔地拥抱他的灵魂。愿他在另一个世界，再无病痛，永远热闹，笑容依旧。</p>
<p>老邻居，一路走好。</p>
</div>
</div>
<script>
// 页面加载效果
document.addEventListener('DOMContentLoaded', function() {
document.body.style.opacity = 1;
});
// 打印功能
function printPage() {
window.print();
}
// 渐入效果
document.body.style.transition = 'opacity 1s ease-in';
document.body.style.opacity = 0;
</script>
</body>
</html>
index.html
index.html