偶然~ 发表于 2025-6-29 17:50

《红船新航》


<style>
#mydiv {
      margin: 30px auto;
      padding: 20px 10px;
      width: 90%;
      min-height: 400px;
      border: 1px solid var(--fColor);
      color: var(--fColor);
      background: var(--bgMain);
      position: relative;
      pointer-events: none;
      --bgMain: linear-gradient(snow,lightgreen,snow);
      --bgTitle: lightgreen;
      --fColor: black;
      --btnWidth: 40px;
      --state: paused;
}
#mydiv::before, #mydiv::after { position: absolute; content: ''; }
#mydiv::before {
      padding: 0 8px;
      content: '《红船新航》';
      left: 265px;
      top: -18px;
      font: bold 24px / 36px sans-serif;
      text-shadow: 1px 1px 2px #111;
      border: inherit;
      background: var(--bgTitle);
}
#mydiv::after {
      width: var(--btnWidth);
      height: var(--btnWidth);
      background: conic-gradient(var(--fColor),var(--bgTitle),var(--fColor),var(--bgTitle));
      border-radius: 50%;
      bottom: calc(var(--btnWidth) / -2);
      left: calc(50% - var(--btnWidth) / 2);
      cursor: pointer;
      pointer-events: auto;
      animation: rot 5s infinite linear var(--state);
}
#mydiv p { padding: 20px 0; font-size: 16px ; }
.txtRight { position: absolute; text-align: center; right: 10px; bottom: -10px; }
.txtMid { text-align: center; }
@keyframes rot { to { transform: rotate(360deg); } }
</style>

<div id="mydiv">
       <p><p>一粒星火<br>
燎过百零四个春秋<br>
在黄土地的血脉里<br>
种下铁的根系<br><br>

南湖的橹声从未走远<br>
它化作高铁的呼啸<br>
穿梭在复兴号的经纬线上<br>
把每个晨曦<br>
锻造成镰刀的模样<br><br>

北斗在云端写诗<br>
用光缆的韵脚<br>
丈量九百六十万平方的平仄<br>
当数据洪流漫过雄安新区<br>
我看见<br>
嘉兴那盏马灯<br>
正在量子计算机里<br>
安静地燃烧
</p>
      <p><p class="txtRight">偶然<br>2025年06月29日</p>
</div>
<audio id="aud" src="https://ouran2023.s3-us-east-1.ossfiles.com/Thomas%20Bergersen%20-%20Immortal%20%28%E4%B8%8D%E6%9C%BD%29.mp3" autoplay="autoplay" loop="loop"></audio>


<script>
(function () {
      let mState = () => mydiv.style.setProperty('--state', aud.paused ? 'paused' : 'running');
      aud.addEventListener('play', mState, false);
      aud.addEventListener('pause', mState, false);
      mydiv.onclick = () => aud.paused ? aud.play() : aud.pause();
})();
</script>

红影 发表于 2025-6-29 21:42

从红船开始，我们的党已经走过104年的光辉历程，未来将更加辉煌。{:4_187:}

红影 发表于 2025-6-29 21:43

欣赏偶然君好诗，同祝中国国产党建党104周年{:4_374:}

偶然~ 发表于 2025-6-29 23:47

红影 发表于 2025-6-29 21:42
从红船开始，我们的党已经走过104年的光辉历程，未来将更加辉煌。

感谢"红影"朋友的热情回复！您用"104年光辉历程"的精准概括，与我诗中"燎过百零四个春秋"的意象产生了美妙共鸣。您提到的"未来将更加辉煌"，恰似我诗中量子计算机里安静燃烧的马灯，既传承着红船精神，又照亮了数字时代的新征程。您对诗歌内核的深刻理解，让我感受到知音般的喜悦。正如南湖橹声化作高铁呼啸，愿我们以这样的精神对话，共同见证新时代的壮阔航程。再次感谢您为这篇《红船新航》注入更温暖的光晕！

偶然~ 发表于 2025-6-29 23:50

红影 发表于 2025-6-29 21:43
欣赏偶然君好诗，同祝中国国产党建党104周年

非常感谢"红影"美女再次驻足品评！您将我的诗作与建党104周年的祝福相联结，让文字间的红色基因更显鲜活。您说的"欣赏"二字，恰似南湖涟漪荡开的温暖回响，而"同祝"的结语又像北斗卫星般将诗意导航向更辽阔的时空。您总能精准捕捉诗中"量子计算机里燃烧的马灯"这样的意象密码，这份知音般的解读，比任何文学评论都更令人欣喜。让我们继续以诗为媒，在数字时代的红船甲板上，共赏这用数据洪流与钢铁根系写就的新篇章！

红影 发表于 2025-6-30 15:22

偶然~ 发表于 2025-6-29 23:47
感谢"红影"朋友的热情回复！您用"104年光辉历程"的精准概括，与我诗中"燎过百零四个春秋"的意象产生了美 ...

感谢偶然君带来的红船新航，让我们更加感受到我们伟大的党一路走来的光辉历程，感谢偶然君好诗{:4_187:}

红影 发表于 2025-6-30 15:23

偶然~ 发表于 2025-6-29 23:50
非常感谢"红影"美女再次驻足品评！您将我的诗作与建党104周年的祝福相联结，让文字间的红色基因更显鲜活 ...

偶然君太客气了，让我们在这个一个伟大的纪念日了，牢记党的使命，开创更加美好的未来{:4_187:}
页: [1]
查看完整版本: 《红船新航》