这是一篇包含文本与图片的测试文章。
文字段落
静态网页技术可以通过原生 JS 配合轻量库轻松实现动态加载与解析。
换行检测：此行紧跟上一行回车呈现。
中英文数字混排：今天早上Mike9号推荐了我看DesiringClick上面一篇关于ColorSpace的文章我看了6789天都没看完。Version2.1
图片展示
以上图片来源于免费随机图片服务。
表格
| 姓名 | 年龄 | 职业 |
|---|---|---|
| 张三 | 25 | 工程师 |
| 李四 | 30 | 设计师 |
代码块
apt update
:root {
--primary-color: #3182ce;
--text-color: #2d3748;
--text-muted: #718096;
--bg-color: #f0f4f8;
--card-bg: rgba(255, 255, 255, 0.75);
--card-hover-bg: rgba(255, 255, 255, 0.88);
--header-bg: rgba(255, 255, 255, 0.65);
--border-color: rgba(226, 232, 240, 0.8);
--border-hover: rgba(203, 213, 224, 0.9);
--code-bg: rgba(237, 242, 247, 0.8);
--code-text: #2d3748;
--pre-bg: #2d3748;
--pre-text: #ffffff;
--max-width: 760px;
--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
--backdrop-blur: blur(12px) saturate(180%);
/* 标题跑马灯边框渐变线 (亮色：清新天青色系) */
--marquee-border-gradient: conic-gradient(from 0deg, transparent 0%, #00f2fe 25%, #4facfe 50%, #00d2ff 75%, transparent 100%);
}