john
70 lines
6.2 KiB
HTML
70 lines
6.2 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>公众号草稿 layout 样板 · 八月午后 · 一首短诗</title>
|
|
<style>
|
|
* { box-sizing: border-box; }
|
|
body {
|
|
margin: 0;
|
|
min-height: 100vh;
|
|
background: #ededed;
|
|
font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
|
|
color: #111;
|
|
}
|
|
.phone {
|
|
max-width: 420px;
|
|
margin: 24px auto;
|
|
background: #fff;
|
|
border-radius: 18px;
|
|
overflow: hidden;
|
|
box-shadow: 0 12px 40px rgba(0,0,0,.12);
|
|
}
|
|
.status {
|
|
padding: 10px 16px;
|
|
background: #f7f7f7;
|
|
font-size: 12px;
|
|
color: #666;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
.article {
|
|
padding: 18px 16px 24px;
|
|
line-height: 1.75;
|
|
font-size: 16px;
|
|
}
|
|
.article h1 {
|
|
margin: 0 0 12px;
|
|
font-size: 22px;
|
|
line-height: 1.35;
|
|
}
|
|
.article p { margin: 0 0 14px; color: #333; }
|
|
.meta {
|
|
max-width: 420px;
|
|
margin: 0 auto 24px;
|
|
padding: 0 8px;
|
|
font-size: 12px;
|
|
color: #666;
|
|
line-height: 1.6;
|
|
}
|
|
.meta code { background: rgba(0,0,0,.06); padding: 1px 4px; border-radius: 4px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="phone">
|
|
<div class="status">微信草稿箱 · 排版样板（非真实推送）</div>
|
|
<article class="article">
|
|
<h1>八月午后 · 一首短诗</h1>
|
|
<p>August · Afternoon 八月午后 蝉声把正午拉得很长， 甜是慢的，光是慢的，连无聊都舍不得结束。 短诗 · 四节 2026 年 8 月 阅读约 40 秒 往 下 正文 切换竖排 壹 蝉声把正午拉得很长， 树荫在墙上，翻了个身。 一杯凉白开浮着半朵云， 风扇数着拍子： 一圈，又一圈 。 贰 阳光跨过门槛， 在地板上停住， 像一封没有署名的信。 猫睡成一座小岛， 梦里自有它的海。 叁 远处有人喊了句什么， 被热风揉软， 落在西瓜红色的边缘。 肆 甜是慢的，光是慢的 ， 连一整个下午的无聊，都舍不得结束—— 傍晚终于来了， 它只是把影子拉长了一点， 轻声说：明天见。 一整天的漫长，其实只发生在 八月午后那两个小时里 。 蝉 声音的长度 蝉鸣没有起伏，所以时间失去了刻度。午后之所以长，不是因为无事可做，是因为没有东西在推进。 影 会翻身的树荫 墙上的影子一寸寸移动，是这一首诗里唯一诚实的钟表——它从不报时，只慢慢证明下午正在过去。 猫 睡在光斑里 猫总挑最暖的那块地板睡。它比谁都清楚：夏日的好，是可以用身体去接住的。 瓜 甜是慢的 远处的人</p>
|
|
<p>August · Afternoon 八月午后 蝉声把正午拉得很长， 甜是慢的，光是慢的，连无聊都舍不得结束。 短诗 · 四节 2026 年 8 月 阅读约 40 秒 往 下 正文 切换竖排 壹 蝉声把正午拉得很长， 树荫在墙上，翻了个身。 一杯凉白开浮着半朵云， 风扇数着拍子： 一圈，又一圈 。 贰 阳光跨过门槛， 在地板上停住， 像一封没有署名的信。 猫睡成一座小岛， 梦里自有它的海。 叁 远处有人喊了句什么， 被热风揉软， 落在西瓜红色的边缘。 肆 甜是慢的，光是慢的 ， 连一整个下午的无聊，都舍不得结束—— 傍晚终于来了， 它只是把影子拉长了一点， 轻声说：明天见。 一整天的漫长，其实只发生在 八月午后那两个小时里 。 蝉 声音的长度 蝉鸣没有起伏，所以时间失去了刻度。午后之所以长，不是因为无事可做，是因为没有东西在推进。 影 会翻身的树荫 墙上的影子一寸寸移动，是这一首诗里唯一诚实的钟表——它从不报时，只慢慢证明下午正在过去。 猫 睡在光斑里 猫总挑最暖的那块地板睡。它比谁都清楚：夏日的好，是可以用身体去接住的。 瓜 甜是慢的 远处的人</p>
|
|
<section style="text-align:center;margin:26px 0 14px;padding:20px 16px 18px;background:linear-gradient(180deg,#eef4ff 0%,#fff 100%);border:2px dashed #576b95;border-radius:16px;box-shadow:0 6px 18px rgba(87,107,149,.12);"><p style="margin:0;font-size:14px;color:#4a5568;line-height:1.6;font-weight:600;">✨ 完整网页版更精彩</p><p style="margin:6px 0 0;font-size:12px;color:#718096;line-height:1.5;">动画 · 互动 · 高清大图 · 完整内容</p><p style="margin:14px 0 0;font-size:26px;line-height:1;color:#576b95;letter-spacing:6px;font-weight:700;">⬇ ⬇ ⬇</p><p style="margin:12px 0 0;"><a href="https://m.tkmind.cn/MindSpace/1c99b83b-0454-474f-a5d2-129d34506a32/public/august-afternoon.html" style="display:inline-block;padding:12px 32px;border-radius:999px;background:linear-gradient(135deg,#576b95,#3d5a80);color:#fff;font-size:16px;font-weight:700;text-decoration:none;box-shadow:0 6px 16px rgba(87,107,149,.35);">📖 阅读原文</a></p><p style="margin:12px 0 0;font-size:13px;color:#576b95;font-weight:700;line-height:1.5;">👆 点击上方按钮，查看完整精彩页面</p><p style="margin:8px 0 0;font-size:22px;line-height:1;color:#576b95;letter-spacing:4px;">➡️ ➡️ ➡️</p></section>
|
|
<section style="text-align:center;padding:22px 16px 18px;margin:18px 0 8px;background:linear-gradient(180deg,#fff8f8,#fff);border:1px solid #ffcdd2;border-radius:12px;"><p style="margin:0 0 6px;font-size:16px;font-weight:700;color:#b71c1c;line-height:1.5;">欢迎关注 TKMind 智趣</p><img src="https://m.tkmind.cn/assets/mp-follow-qrcode.png" alt="TKMind 服务号二维码" style="width:120px;height:120px;display:block;margin:12px auto 0;border-radius:10px;border:1px solid #eee;" /><p style="margin:12px 0 0;font-size:12px;color:#a0aec0;">长按扫描关注</p></section>
|
|
</article>
|
|
</div>
|
|
<div class="meta">
|
|
<p>阅读原文跳转：<code>https://m.tkmind.cn/MindSpace/1c99b83b-0454-474f-a5d2-129d34506a32/public/august-afternoon.html</code></p>
|
|
<p>二维码静态资源：<code>https://m.tkmind.cn/assets/mp-follow-qrcode.png</code></p>
|
|
<p>由 <code>scripts/preview-wechat-draft-layout.mjs</code> 生成，用于确认「阅读原文」引导与关注区二维码尺寸。</p>
|
|
</div>
|
|
</body>
|
|
</html> |