diff --git a/public/practice/codex-session/index-before-tags.html b/public/practice/codex-session/index.html
index 922334d..a5b774a 100644
--- a/public/practice/codex-session/index-before-tags.html
+++ b/public/practice/codex-session/index.html
@@ -6,15 +6,16 @@
 <style>
 :root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#25372f;background:#f4f5ef;line-height:1.75}*{box-sizing:border-box}body{margin:0}a{color:inherit}a:focus-visible{outline:3px solid #b86539;outline-offset:5px}header,main,footer{width:min(1060px,calc(100% - 40px));margin:auto}header{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px 0;border-bottom:1px solid #ccd4c6}header strong{font-size:18px}nav{display:flex;gap:24px}nav a{text-decoration:none}section{scroll-margin-top:24px}#about{padding:72px 0 58px;max-width:760px}.eyebrow{font-size:13px;letter-spacing:.16em;color:#677764}h1{font-size:clamp(36px,6vw,66px);line-height:1.2;letter-spacing:-.04em;font-weight:600;margin:20px 0}h2{font-size:25px;margin:0 0 24px}p{margin:12px 0;color:#586557}.intro{font-size:19px;max-width:610px}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}article{background:#fffef8;border:1px solid #dfe4d8;border-radius:18px;padding:26px;min-width:0}article small{color:#82927e}article h3{margin:22px 0 10px;font-size:21px}article p{font-size:15px}#contact{margin:50px 0 36px;padding:30px;border-radius:18px;background:#e6ebdf}#contact h2{margin-bottom:10px}footer{padding:20px 0 32px;color:#677764;font-size:13px;border-top:1px solid #ccd4c6}@media(max-width:620px){header{align-items:flex-start;flex-direction:column;gap:14px;padding:22px 0}nav{gap:28px}#about{padding:42px 0 36px}.projects{grid-template-columns:1fr}article{padding:22px}article h3{margin-top:12px}#contact{padding:22px;margin-top:30px}.intro{font-size:17px}}
 </style>
+<style>.project-tag{display:inline-block;margin-top:8px;padding:2px 10px;border-radius:6px;background:#e6ebdf;color:#46633f;font-size:12px;max-width:100%;overflow-wrap:anywhere}</style>
 </head>
 <body>
 <header><strong>林同学 / 学习主页</strong><nav aria-label="页面导航"><a href="#about">简介</a><a href="#projects">项目</a><a href="#contact">联系</a></nav></header>
 <main>
 <section id="about"><span class="eyebrow">把学到的，慢慢做出来</span><h1>你好，我是林同学。</h1><p class="intro">正在学习用AI整理资料、改进日常工作和制作小网页。</p></section>
 <section id="projects"><h2>最近的三个小项目</h2><div class="projects">
-<article><small>01</small><h3>读书清单</h3><p>给想读的书做分类与简短笔记。</p></article>
-<article><small>02</small><h3>活动计划</h3><p>把活动准备事项整理成可核对的清单。</p></article>
-<article><small>03</small><h3>学习手记</h3><p>记录每周学会的一项小技能。</p></article>
+<article><small>01</small><h3>读书清单</h3><p>给想读的书做分类与简短笔记。</p><span class="project-tag">阅读</span></article>
+<article><small>02</small><h3>活动计划</h3><p>把活动准备事项整理成可核对的清单。</p><span class="project-tag">计划</span></article>
+<article><small>03</small><h3>学习手记</h3><p>记录每周学会的一项小技能。</p><span class="project-tag">记录</span></article>
 </div></section>
 <section id="contact"><h2>联系说明</h2><p>练习页面，暂不提供真实联系方式。</p></section>
 </main><footer>虚构练习信息 · AIGuide 网页制作课程</footer>