简洁代码（适配手机版）

阿无

百花深处

被饮尽的时光

Hongcun

二十年。一条河正年轻
你抱着风声中诞生的石子
在路口等灯火亮起

黑夜缓慢地攀过又一座山峰
月亮来之前
无数的梦挤在旧屋子里

窗棱上的花即将进入新的轮回
被锤炼了千百次的音符猛然跳起
颤音飘得那样远
眺望时
一场雨将你的视线困住
时光纷纷落下
仿佛重新走了一遍前半生

2025.10.16

——岁燃《从岁月的河流中走过》

1. <section style="max-width: 550px; margin: 10px auto;">
2. <section style="background-color: #f2f6ff;padding: 20px 15px;border-radius: 7px;box-shadow:4px 4px 8px rgba(169, 187, 223, 0.45);margin-right: 8px;box-sizing:border-box;">
3. <section style="width:92%; margin: 0 auto;">
4. <section style="width: 30px;height: 7px;background-color: #f4d4db;margin: 20px 10px;box-sizing:border-box;"></section>
5. <section style="width: 100%;box-sizing:border-box;max-width:100% !important;">
6. <img style="width: 100%; display: block;border-radius: 7px;vertical-align:baseline;box-sizing:border-box;max-width:100% !important;" src="https://bcn.135editor.com/files/images/editor_styles/245d5d52253bb254479ebb8c31f5ec76.jpg">
7. </section>
9. <section style="display: flex;justify-content: right;margin-right: 10px; margin-top: -30px;">
10. <section style="border-radius: 20px;box-shadow: inset 4px 4px 4px rgba(169, 187, 223, 0.45), inset -2.5px -2.5px 5px #fff;background-color: #f2f6ff;box-sizing:border-box;">
11. <section style="padding: 0px 8px; font-size: 12px;letter-spacing: 1.5px;color: #6f85ac;">
12. <strong>百花深处</strong>
13. </section>
14. </section>
15. </section>
17. <section style="margin: 0 10px;text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#6f85ac;background: transparent;">
18. <p style="vertical-align:inherit;">
20. <section style="display: flex;align-items: center;margin: 25px 0;">
21. <section style="padding: 0 6px 4px;box-sizing:border-box;">
22. <section tyle="width: 20px;box-sizing:border-box;">
23. <img style="width: 100%; display: block;vertical-align:baseline;box-sizing:border-box;max-width:60px !important;" src="https://wimg.588ku.com/gif320/24/07/09/568c8227e54d4cb6acfe9553650d9f27.gif">
24. </section>
25. </section>
26. <section style="display: flex;">
27. <section style="flex-shrink: 0;padding: 0 5px 0 0;box-sizing:border-box;">
28. <section style="width: 3px;height: 100%;background-color: #ffd952;box-sizing:border-box;"></section>
29. </section>
30. <section>
31. <section style="font-size: 16px;color: #6f85ac;">
32. <strong>被饮尽的时光</strong>
33. </section>
34. <section style="font-size: 12px;color: #bfbfbf;transform-origin: center left;transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);">
35. <span>Hongcun</span>
36. </section>
37. </section>
38. </section>
39. </section>
41. 二十年。一条河正年轻<br>
42. 你抱着风声中诞生的石子<br>
43. 在路口等灯火亮起<br><br>
45. 黑夜缓慢地攀过又一座山峰<br>
46. 月亮来之前<br>
47. 无数的梦挤在旧屋子里<br><br>
49. 窗棱上的花即将进入新的轮回<br>
50. 被锤炼了千百次的音符猛然跳起<br>
51. 颤音飘得那样远<br>
52. 眺望时<br>
53. 一场雨将你的视线困住<br>
54. 时光纷纷落下<br>
55. 仿佛重新走了一遍前半生<br><br>
57. 2025.10.16<br><br>
58. </p>
59. </section>
60. <section style="font-size: 14px;letter-spacing: 1.5px;color: #6f85ac;text-align: right;margin: 5px 0px 20px;">
61. ——岁燃《从岁月的河流中走过》
62. </section>
64. </section>
65. </section>
66. </section>

复制代码

阿无

秋语

从岁月的河流中走过

1、

翻过这座山，是新的
秋天。一朵云与另一朵打了个照面
她在云下数地上的松针

并不在临水处
却依然被打湿了鞋面
夜沉沉地覆下来时
她仰起头，第一次望见星辰的眼睛

2、
到处是暮秋的风声
月亮升起后，她的影子里堆满落叶
许多人从她身边走过
没有人在意，也不需要人在意

像是一首被遗忘了的老歌
只有她知道，音符应该停在哪一条线上

3、

好像没什么语言，可以收容她衣襟上缀着的岁月
有些事，走着走着就失去了重量
薄薄的一层，比霜还要轻
被秋色晒过后，悄悄地散在黄昏中

所以，她推开飘来的叹息
将自己裹进更深处
最好除去今晚的月色，再无别样能凿穿这层壁垒

2025.11.13

1. <section style="max-width: 550px; margin: 0 auto; padding-bottom: 20px; background-color: rgb(244, 244, 248); box-sizing: border-box;">
2. <section style="margin: 20px 25px; box-sizing: border-box;">
3. <section>
4. <section style="padding-top: 20px; margin: 0px auto 15px; display: flex; flex-direction: column; transform-style: preserve-3d;">
5. <section style="margin: 0 -5px -1px;z-index: 9;transform: translateZ(1px);-webkit-transform: translateZ(1px);-moz-transform: translateZ(1px);-o-transform: translateZ(1px);">
6. <section style="width: 40px;box-sizing:border-box;">
7. <img style="width: 100%; display: block;vertical-align:baseline;box-sizing:border-box;max-width:100% !important;" src="https://wimg.588ku.com/gif320/24/07/09/11fa4e38a3914565b605e2b8dd8a190a.gif">
8. </section>
9. </section>
10. <section style="display: flex;align-items: flex-start;">
11. <section style="background-color: #aab7ad;flex-shrink: 0;margin: -8px 0 0;transform: skew(-10deg);-webkit-transform: skew(-10deg);-moz-transform: skew(-10deg);-o-transform: skew(-10deg);">
12. <section style="font-size: 16px;color: #f4f4f8;padding: 4px 20px;box-sizing: border-box;transform: skew(10deg);-webkit-transform: skew(10deg);-moz-transform: skew(10deg);-o-transform: skew(10deg);">
13. <strong>秋语</strong>
14. </section>
15. </section>
16. <section style="background-color: #f4f4f8;width: 100%;margin: 0 0 0 -5px;max-width: 100% !important;box-sizing:border-box;transform: skew(-10deg);-webkit-transform: skew(-10deg);-moz-transform: skew(-10deg);-o-transform: skew(-10deg);">
17. <section style="font-size: 16px; color: #aab7ad; padding: 4px 20px; box-sizing: border-box; border-style: solid; border-width: 0px 0px 1px; border-color: #aab7ad; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; margin: 0px 10px 0px 0px;transform: skew(10deg);-webkit-transform: skew(10deg);-moz-transform: skew(10deg);-o-transform: skew(10deg);">
18. <strong>从岁月的河流中走过</strong>
19. </section>
20. </section>
21. </section>
22. </section>
23. </section>
24. <section>
25. <section style="margin: 10px auto;">
26. <section style="display: flex;align-items: flex-end;">
27. <section style="width: 100%;margin: 0 0 30px;max-width: 100% !important;box-sizing:border-box;">
28. <section style="display: flex;">
29. <section style="width: 100%; max-width: 100% !important; border-style: none; border-width: 5px; border-color: #ff0000; border-radius: 0px;box-sizing:border-box;">
30. <img style="width: 100%; display: block;vertical-align:baseline;box-sizing:border-box;max-width:100% !important;" src="https://img.pconline.com.cn/images/upload/upc/tx/photoblog/1810/19/c6/115060935_1539953012797.jpg">
31. </section>
32. <section style="flex-shrink: 0;padding: 20px 0 0;box-sizing: border-box;">
33. <section style="width: 20px; height: 100%; background-color: #aab7ad; overflow: hidden;box-sizing:border-box;"></section>
34. </section>
35. </section>
36. <section style="padding: 0 0 0 20px;box-sizing: border-box;">
37. <section style="width: 100%; height: 20px; background-color: #89948c; max-width: 100% !important; overflow: hidden;box-sizing:border-box;"></section>
38. </section>
39. </section>
40. <section style="width: 45%;margin: 0 0 0 -42.1%;z-index: 9;box-sizing:border-box;max-width:45% !important;">
41. <section style="background-color: #fffffe;padding: 8px;border-radius: 100%;box-sizing: border-box;">
42. <section style="width: 100%;max-width: 100% !important;box-sizing:border-box;">
43. <img style="width: 100%; display: block;border-radius: 100%;vertical-align:baseline;box-sizing:border-box;max-width:100% !important;" src="https://pic1.imgdb.cn/item/6991c08a1bd2de2ccc6f37a4.jpg">
44. </section>
45. </section>
46. </section>
47. </section>
48. </section>
49. </section>
50. <section style="margin: 0px 10px 0px 5px; box-sizing: border-box; padding: 0px 10px 10px; border-style: solid; border-width: 0px 1px 1px 0px; border-color: #89948c; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;">
51. <section style="line-height: 1.75em;text-align: justify; color: #89948c; text-shadow: none; font-size: 14px; letter-spacing: 1.5px;">
53. 1、<br><br>
55. 翻过这座山，是新的<br>
56. 秋天。一朵云与另一朵打了个照面<br>
57. 她在云下数地上的松针<br><br>
59. 并不在临水处<br>
60. 却依然被打湿了鞋面<br>
61. 夜沉沉地覆下来时<br>
62. 她仰起头，第一次望见星辰的眼睛<br><br>
64. 2、<br>
66. 到处是暮秋的风声<br>
67. 月亮升起后，她的影子里堆满落叶<br>
68. 许多人从她身边走过<br>
69. 没有人在意，也不需要人在意<br><br>
71. 像是一首被遗忘了的老歌<br>
72. 只有她知道，音符应该停在哪一条线上<br><br>
74. 3、<br><br>
76. 好像没什么语言，可以收容她衣襟上缀着的岁月<br>
77. 有些事，走着走着就失去了重量<br>
78. 薄薄的一层，比霜还要轻<br>
79. 被秋色晒过后，悄悄地散在黄昏中<br><br>
81. 所以，她推开飘来的叹息<br>
82. 将自己裹进更深处<br>
83. 最好除去今晚的月色，再无别样能凿穿这层壁垒<br><br>
85. 2025.11.13<br><br>
87. </section>
88. </section>
89. </section>
90. </section>

复制代码

阿无

此时◆此刻（之五）

Time flies ❀ 有花

走到一半，花就开了
像昨夜的那个梦
被风一剪，露出清浅的春色
无数的词语涌进涌出
如溪流汩汩，如群山绵延
而你站在花的中央
你是春的使者

文|【糖】果

1. <section style="margin: 20px auto; max-width:550px;">
2. <section>
3. <section style="margin: 0 10px;">
4. <img src="https://s3.bmp.ovh/imgs/2025/12/01/ea7cdb7fb1d828f5.png" style="display:block;width:100%;transform: rotatez(0deg);">
5. </section>
6. <section style="background-color: #fedde3;margin: 0 10px;padding: 3px 15px;">
7. <section style="background-color: #ffffff;padding: 15px 15px 5px;box-shadow: 0px 0px 15px #fed2de inset;">
8. <section>
9. <section style="display:flex;justify-content: center;align-items: flex-end;">
10. <section style="width: 140%;">
11. <section style="border: solid 1px #f7bab2;background-color: #fff;padding: 5px;margin-right: 30px;">
12. <img src="https://bcn.135editor.com/files/images/editor_styles/1865f7128b1fa48d5a982aede91dd594.png" style="display:block;width:100%;">
13. </section>
14. </section>
15. <section style="width: 60%;margin-left: -60px;">
16. <section style="width: 85px;margin-left: auto;margin-bottom: -25px;">
17. <img src="https://s3.bmp.ovh/imgs/2026/01/14/c02b9f708e8733ea.png" style="display:block;width:100%;">
18. </section>
19. <section style="border: solid 1px #f7bab2;background-color: #fff;padding: 5px;border-radius: 50%;">
20. <img src="https://bcn.135editor.com/files/images/editor_styles/9bd3b51a35f69067ce807e87c2ec2676.png" style="display:block;width:100%;border-radius: 50%;">
21. </section>
22. </section>
23. </section>
24. </section>
26. <section>
27. <section style="display: flex;align-items: center;margin: 45px 0;">
28. <section style="padding: 0 6px 4px;box-sizing:border-box;">
29. <section tyle="width: 20px;box-sizing:border-box;">
30. <img style="width: 100%; display: block;vertical-align:baseline;box-sizing:border-box;max-width:60px !important;" src="https://wimg.588ku.com/gif320/24/07/09/ce09f14ebb224016883b73083bcec886.gif"/>
31. </section>
32. </section>
33. <section style="display: flex;">
34. <section style="flex-shrink: 0;padding: 0 5px 0 0;box-sizing:border-box;">
35. <section style="width: 3px;height: 100%;background-color:rgb(178, 129, 114);box-sizing:border-box;"></section>
36. </section>
37. <section>
38. <section style="font-size: 16px;color: rgb(178, 129, 114);">
39. <strong>此时◆此刻（之五）</strong>
40. </section>
41. <section style="font-size: 12px;color: rgb(178, 129, 114);transform-origin: center left;transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);">
42. Time flies ❀ 有花
43. </section>
44. </section>
45. </section>
46. </section>
50. <section style="letter-spacing: 2px; padding-bottom: 130px; margin: 0 auto; width: 85%; max-width:480px; line-height: 2em; text-align: justify; color: rgb(178, 129, 114);">
52. 走到一半，花就开了<br>
53. 像昨夜的那个梦<br>
54. 被风一剪，露出清浅的春色<br>
55. 无数的词语涌进涌出<br>
56. 如溪流汩汩，如群山绵延<br>
57. 而你站在花的中央<br>
58. 你是春的使者<br><br>
60. <style>
61. .pa {
62. --state: running;
63. position: relative;
64. display: grid;
65. place-items: center;
66. z-index: 1;
67. }
69. #mplayer {
70. top:0px;
71. --size: 160px;
72. --bRad: 50% 100%;
73. --prg: 0%;
74. --prog: #f0878b;
75. --track: #8f9e43;
76. --btnBg: conic-gradient(#eec0c5, #e87d87, #f2c0c9, #dd7783, #feb8c8, #a8c255, #c7d46a,#8da262);
77. position: absolute;
78. width: var(--size);
79. height: var(--size);
80. border: 0px dotted snow;
81. border-radius: 50%;
82. font: normal 12px sans-serif;
83. color: #999;
84. display: grid;
85. place-items: center;
86. pointer-events: none;
87. }
89. #mplayer::before, #mplayer::after, #playprog {
90. position: absolute;
91. }
93. #mplayer::before {
94. content: attr(data-tt);
95. top: calc(50% + 20px);
96. width: 70%;
97. text-align: center;
98. }
100. #mplayer::after {
101. content: '';
102. top: calc(50% - 55px);
103. width: 40px;
104. height: 40px;
105. background: var(--btnBg);
106. border-radius: 50%;
107. cursor: pointer;
108. animation: rot 4s infinite linear var(--state);
109. pointer-events: auto;
110. }
112. #playprog {
113. width: 70%;
114. height: 20px;
115. background: linear-gradient( to right, var(--prog) var(--prg), var(--track) var(--prg), var(--track) ) no-repeat 100% 50% / 100% 2px;
116. cursor: pointer;
117. pointer-events: auto;
118. }
120. li-zi {
121. position: absolute;
122. max-width: 0px;
123. max-height: 0px;
124. border-radius: var(--bRad);
125. transition: all .17s;
126. }
128. @keyframes cover1 {
129. from { width: 0; }
130. to { width: 100%; }
131. }
133. @keyframes cover2 {
134. from { width: 0; }
135. to { width: 100%; }
136. }
138. @keyframes rot {
139. to { transform: rotate(360deg); }
140. }
142. </style>
144. <div id="pa" class="pa">
145. <audio src="https://i.uik.cc/down.php/39c4cd228d37b023cf5321f7ec8b8a98.mp3"></audio>
146. </div>
148. <script type="module">
149. import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
150. import { hcplay } from 'https://638183.freep.cn/638183/web/mod/anklet_lrc.js';
151. hcplay(pa);
152. fscreen.fs(pa, fsbtn);
153. </script>
155. </section>
157. <div style="color: rgb(178, 129, 114);text-align: right; margin: 5px 10px 40px;">
158. 文|【糖】果
159. </div>
161. </section>
162. </section>
163. <section style="display:flex;justify-content: flex-end;align-items: center;">
164. <section style="background-color: #feadc3;width: 70%;height: 1px;margin-right: -5px;"></section>
165. <section style="width: 43px;">
166. <img src="https://bcn.135editor.com/files/images/editor_styles/4be1217e7f970e0c48bf1779e165498c.png" style="display:block;width:100%;">
167. </section>
168. </section>
169. </section>
170. </section>
171. <section style="margin: 0 10px;">
172. <img src="https://s3.bmp.ovh/imgs/2025/12/01/e2d32bb0bb17bfa9.png" style="display:block;width:100%;transform: rotatez(0deg);">
173. </section>
174. </section>

复制代码