/* 实验页下方的文字版讲解。
   它同时服务三种读者：想把动画看明白的人、用读屏软件的人，
   以及不执行 JavaScript 的搜索引擎和 AI 爬虫——后者在画布里什么也读不到。 */
.page-prose{max-width:860px;margin:34px auto 0;padding:30px 0 10px;border-top:1px solid var(--line)}
.page-prose h2{font-family:var(--serif);font-size:25px;font-weight:600;margin:0 0 6px;letter-spacing:.01em}
.page-prose > p:first-of-type{margin:0 0 20px;font-size:16.5px;color:var(--ink2);line-height:1.75}
.page-prose h3{font-size:16px;font-weight:600;margin:26px 0 8px;color:var(--ink);
  display:flex;align-items:center;gap:9px}
.page-prose h3::before{content:"";width:3px;height:15px;border-radius:2px;background:var(--blue);flex:none}
.page-prose p{margin:0 0 12px;font-size:15.5px;line-height:1.8;color:var(--ink2)}
.page-prose ul{margin:0;padding-left:0;list-style:none;display:grid;gap:10px}
.page-prose li{position:relative;padding-left:20px;font-size:15.5px;line-height:1.75;color:var(--ink2)}
.page-prose li::before{content:"";position:absolute;left:4px;top:11px;width:5px;height:5px;
  border-radius:50%;background:var(--amber)}
.page-prose li b{color:var(--ink);font-weight:600}
.page-prose dl{margin:0;display:grid;gap:14px}
.page-prose dt{font-size:15.5px;font-weight:600;color:var(--ink);line-height:1.6}
.page-prose dd{margin:5px 0 0;font-size:15.5px;line-height:1.8;color:var(--ink2)}
.page-prose .prose-foot{margin-top:26px;padding-top:14px;border-top:1px solid var(--line);
  font-size:13.5px;color:var(--mute);line-height:1.7}
@media(max-width:820px){
  .page-prose{margin-top:26px;padding:24px 16px 6px}
  .page-prose h2{font-size:22px}
  .page-prose p,.page-prose li,.page-prose dt,.page-prose dd{font-size:15px}
}