尝试

<!-- 写作原因 -->
<h2>写作原因</h2>
<p>饱受困扰，影响学习、生活和放松。</p>

<!-- 待办列表 -->
<ul>
    <li><input type="checkbox" disabled> 给一个更大的总览，叫侵入性体验。</li>
</ul>

<!-- 目录/链接 -->
<h2>目录</h2>
<p>
    <a href="#">控制不住的想象 —— 侵入性意象概念</a>
</p>

<!-- Todo Callout 卡片 -->
<div style="
    border-left: 4px solid #3b82f6;
   
    padding: 12px 16px;
    margin: 16px 0;
    border-radius: 6px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
">
    <div style="
        font-weight: 600;
        color: #1d4ed8;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
    ">
        <span style="margin-right: 8px;">☑️</span> TODO
    </div>
    <div style="color: #374151;">
        123123123123
    </div>
</div>