秋分日记
本帖最后由 偶然~ 于 2025-9-23 21:00 编辑 <br /><br /><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: 283px;
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>2025年9月23日 星期二 晴转多云<br><br>
晨起推窗时,发现阳光的浓度被秋风兑淡了。日历上“秋分”二字像一道金线,将昼夜匀称地裁开,也把我的记忆割成两半——一半是盛夏未褪的蝉鸣残响,一半是初冬将至的薄霜预感。<br><br>
楼下银杏开始举行它年度的金色谢幕礼。每片叶子坠落时都划出优雅的抛物线,仿佛在完成与天空的告别仪式。我弯腰拾起一枚完整的扇形叶片,叶脉里还蜷缩着昨夜未干的露水,凉意顺着指尖爬上脊椎,忽然想起童年奶奶说的:“秋分露重,要穿护心衣。”<br><br>
午后泡了陈皮老白茶。看阳光斜穿过玻璃杯,在桌面投下琥珀色的光斑,随着茶水波纹微微颤动,像极了这个节气本身——既明亮又脆弱。朋友圈里北方友人晒出丰收的玉米堆,南方同学抱怨“秋老虎”余威,而我在长江流域这座小城,正经历着最标准的秋分:不冷不热的天气,不慌不忙的日落,还有一颗被节气精准校准过的心。<br><br>
暮色来得比昨日早六分钟。散步时看见麻雀们疯狂啄食草坪上的草籽,它们知道这是最后的盛宴。路灯亮起的瞬间,突然闻到糖炒栗子的焦香,摊主铁铲与锅壁碰撞的声响,竟比白露时更清脆些。<br><br>
今日之后,黑夜将越来越贪婪地蚕食白昼。但此刻,站在完美的平衡点上,我忽然原谅了所有夏天来不及实现的愿望。秋分教会我的,或许正是这种与遗憾和解的温柔。
</p>
<p><p class="txtRight">偶然<br>2025年09月23日</p>
</div>
<audio id="aud" src="https://ouran2023.s3-us-east-1.ossfiles.com/0513.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> 将昼夜匀称地裁开的秋分,也将冷热做了重新分配。在这个不冷不热的节气里,一份恬淡幽静的心思。
欣赏偶然君好文{:4_199:} 红影 发表于 2025-9-23 21:57
将昼夜匀称地裁开的秋分,也将冷热做了重新分配。在这个不冷不热的节气里,一份恬淡幽静的心思。
欣赏偶然 ...
感谢鼓励支持关照,祝你健康幸福 偶然~ 发表于 2025-9-23 21:59
感谢鼓励支持关照,祝你健康幸福
偶然君的文字好美,给偶然君点赞{:4_187:} 本帖最后由 偶然~ 于 2025-9-24 14:17 编辑 <br /><br /><div class="quote"><blockquote><font size="2"><a href="forum.php?mod=redirect&goto=findpost&pid=2371480&ptid=86406" target="_blank"><font color="#999999">红影 发表于 2025-9-24 12:20</font></a></font><br>偶然君的文字好美,给偶然君点赞</blockquote></div><br><font color="rgba(0, 0, 0, 0.9)"><font face="""><font style="font-size: 15px">微笑生阳光,</font></font></font><br><font color="rgba(0, 0, 0, 0.9)"><font face="""><font style="font-size: 15px">帘头亮明窗。</font></font></font><br><font color="rgba(0, 0, 0, 0.9)"><font face="""><font style="font-size: 15px">咫尺天涯香,</font></font></font><br><font color="rgba(0, 0, 0, 0.9)"><font face="""><font style="font-size: 15px">灵犀点心房。</font></font></font><br><br> 偶然~ 发表于 2025-9-24 14:14
本帖最后由 偶然~ 于 2025-9-24 14:17 编辑 红影 发表于 2025-9-24 12:20偶然君的文字好美,给偶然君点赞 ...
这回复也好美{:4_187:}
页:
[1]