|
|
楼主 |
发表于 2026-3-7 23:27:13
|
显示全部楼层
走到一半，花就开了
像昨夜的那个梦
被风一剪，露出清浅的春色
无数的词语涌进涌出
如溪流汩汩，如群山绵延
而你站在花的中央
你是春的使者
文|【糖】果
- <section style="margin: 20px auto; max-width:550px;">
- <section>
- <section style="margin: 0 10px;">
- <img src="https://s3.bmp.ovh/imgs/2025/12/01/ea7cdb7fb1d828f5.png" style="display:block;width:100%;transform: rotatez(0deg);">
- </section>
- <section style="background-color: #fedde3;margin: 0 10px;padding: 3px 15px;">
- <section style="background-color: #ffffff;padding: 15px 15px 5px;box-shadow: 0px 0px 15px #fed2de inset;">
- <section>
- <section style="display:flex;justify-content: center;align-items: flex-end;">
- <section style="width: 140%;">
- <section style="border: solid 1px #f7bab2;background-color: #fff;padding: 5px;margin-right: 30px;">
- <img src="https://bcn.135editor.com/files/images/editor_styles/1865f7128b1fa48d5a982aede91dd594.png" style="display:block;width:100%;">
- </section>
- </section>
- <section style="width: 60%;margin-left: -60px;">
- <section style="width: 85px;margin-left: auto;margin-bottom: -25px;">
- <img src="https://s3.bmp.ovh/imgs/2026/01/14/c02b9f708e8733ea.png" style="display:block;width:100%;">
- </section>
- <section style="border: solid 1px #f7bab2;background-color: #fff;padding: 5px;border-radius: 50%;">
- <img src="https://bcn.135editor.com/files/images/editor_styles/9bd3b51a35f69067ce807e87c2ec2676.png" style="display:block;width:100%;border-radius: 50%;">
- </section>
- </section>
- </section>
- </section>
-
- <section>
- <section style="display: flex;align-items: center;margin: 45px 0;">
- <section style="padding: 0 6px 4px;box-sizing:border-box;">
- <section tyle="width: 20px;box-sizing:border-box;">
- <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"/>
- </section>
- </section>
- <section style="display: flex;">
- <section style="flex-shrink: 0;padding: 0 5px 0 0;box-sizing:border-box;">
- <section style="width: 3px;height: 100%;background-color:rgb(178, 129, 114);box-sizing:border-box;"></section>
- </section>
- <section>
- <section style="font-size: 16px;color: rgb(178, 129, 114);">
- <strong>此时◆此刻（之五）</strong>
- </section>
- <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);">
- Time flies ❀ 有花
- </section>
- </section>
- </section>
- </section>
-
-
-
- <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);">
-
- 走到一半，花就开了<br>
- 像昨夜的那个梦<br>
- 被风一剪，露出清浅的春色<br>
- 无数的词语涌进涌出<br>
- 如溪流汩汩，如群山绵延<br>
- 而你站在花的中央<br>
- 你是春的使者<br><br>
-
- <style>
- .pa {
- --state: running;
- position: relative;
- display: grid;
- place-items: center;
- z-index: 1;
- }
-
- #mplayer {
- top:0px;
- --size: 160px;
- --bRad: 50% 100%;
- --prg: 0%;
- --prog: #f0878b;
- --track: #8f9e43;
- --btnBg: conic-gradient(#eec0c5, #e87d87, #f2c0c9, #dd7783, #feb8c8, #a8c255, #c7d46a,#8da262);
- position: absolute;
- width: var(--size);
- height: var(--size);
- border: 0px dotted snow;
- border-radius: 50%;
- font: normal 12px sans-serif;
- color: #999;
- display: grid;
- place-items: center;
- pointer-events: none;
- }
-
- #mplayer::before, #mplayer::after, #playprog {
- position: absolute;
- }
-
- #mplayer::before {
- content: attr(data-tt);
- top: calc(50% + 20px);
- width: 70%;
- text-align: center;
- }
-
- #mplayer::after {
- content: '';
- top: calc(50% - 55px);
- width: 40px;
- height: 40px;
- background: var(--btnBg);
- border-radius: 50%;
- cursor: pointer;
- animation: rot 4s infinite linear var(--state);
- pointer-events: auto;
- }
-
- #playprog {
- width: 70%;
- height: 20px;
- background: linear-gradient( to right, var(--prog) var(--prg), var(--track) var(--prg), var(--track) ) no-repeat 100% 50% / 100% 2px;
- cursor: pointer;
- pointer-events: auto;
- }
-
- li-zi {
- position: absolute;
- max-width: 0px;
- max-height: 0px;
- border-radius: var(--bRad);
- transition: all .17s;
- }
-
- @keyframes cover1 {
- from { width: 0; }
- to { width: 100%; }
- }
-
- @keyframes cover2 {
- from { width: 0; }
- to { width: 100%; }
- }
-
- @keyframes rot {
- to { transform: rotate(360deg); }
- }
-
- </style>
-
- <div id="pa" class="pa">
- <audio src="https://i.uik.cc/down.php/39c4cd228d37b023cf5321f7ec8b8a98.mp3"></audio>
- </div>
-
- <script type="module">
- import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
- import { hcplay } from 'https://638183.freep.cn/638183/web/mod/anklet_lrc.js';
- hcplay(pa);
- fscreen.fs(pa, fsbtn);
- </script>
-
- </section>
-
- <div style="color: rgb(178, 129, 114);text-align: right; margin: 5px 10px 40px;">
- 文|【糖】果
- </div>
-
- </section>
- </section>
- <section style="display:flex;justify-content: flex-end;align-items: center;">
- <section style="background-color: #feadc3;width: 70%;height: 1px;margin-right: -5px;"></section>
- <section style="width: 43px;">
- <img src="https://bcn.135editor.com/files/images/editor_styles/4be1217e7f970e0c48bf1779e165498c.png" style="display:block;width:100%;">
- </section>
- </section>
- </section>
- </section>
- <section style="margin: 0 10px;">
- <img src="https://s3.bmp.ovh/imgs/2025/12/01/e2d32bb0bb17bfa9.png" style="display:block;width:100%;transform: rotatez(0deg);">
- </section>
- </section>
-
-
|
|
发表于 2026-2-15 13:08:11
提升卡
置顶卡
变色卡
千斤顶
苏公网安备32030302308112号 )