checkin_sections.html

<section id="week1">
  <h2><span class="ico">2</span>第一周 · C++ 语法入门与编程环境</h2>
  <div class="day-card" id="day-1">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 01</span>
      <span class="day-topic">环境搭建 · 程序结构</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="1">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>安装 Dev-C++，编译运行第一个程序，理解 #include、main、cin/cout 的基本结构。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV19u411v7fz/" target="_blank" rel="noopener">Dev-C++ 安装教程</a>
        <a href="https://www.bilibili.com/video/BV1gymgY6Ec4/?p=1" target="_blank" rel="noopener">P1 信奥前导课</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/problem/P1000" target="_blank" rel="noopener">洛谷 P1000 超级玛丽游戏</a>
        <a href="https://www.luogu.com.cn/problem/P1001" target="_blank" rel="noopener">洛谷 P1001 A+B Problem</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="1" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-2">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 02</span>
      <span class="day-topic">变量与数据类型</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="2">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>掌握 int、double、char 的声明、赋值与类型转换，理解变量命名规则。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1gymgY6Ec4/?p=4" target="_blank" rel="noopener">P4 变量·表达式·赋值</a>
        <a href="https://www.bilibili.com/video/BV1gymgY6Ec4/?p=11" target="_blank" rel="noopener">P11 float 类型</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/problem/P1425" target="_blank" rel="noopener">洛谷 P1425 小鱼的游泳时间</a>
        <a href="https://www.luogu.com.cn/problem/P1428" target="_blank" rel="noopener">洛谷 P1428 小鱼比可爱</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="2" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-3">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 03</span>
      <span class="day-topic">输入输出 cin/cout</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="3">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>熟练使用 cin 读入和 cout 输出，掌握 endl 与换行符的区别。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1gymgY6Ec4/?p=3" target="_blank" rel="noopener">P3 cout 语句</a>
        <a href="https://www.bilibili.com/video/BV1gymgY6Ec4/?p=10" target="_blank" rel="noopener">P10 cin 语句</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/problem/P5703" target="_blank" rel="noopener">洛谷 P5703 【深基2.例5】苹果采购</a>
        <a href="https://www.luogu.com.cn/problem/P5704" target="_blank" rel="noopener">洛谷 P5704 【深基2.例6】字母转换</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="3" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-4">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 04</span>
      <span class="day-topic">运算符与数学函数</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="4">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>算术、关系、逻辑运算；使用 sqrt、abs、pow 等 cmath 函数。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1gymgY6Ec4/?p=12" target="_blank" rel="noopener">P12 整除与求余</a>
        <a href="https://www.bilibili.com/video/BV1gymgY6Ec4/?p=13" target="_blank" rel="noopener">P13 ASCII 与 char</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/problem/P5705" target="_blank" rel="noopener">洛谷 P5705 【深基2.例7】数字反转</a>
        <a href="https://www.luogu.com.cn/problem/P5706" target="_blank" rel="noopener">洛谷 P5706 【深基2.例8】再分肥宅水</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="4" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-5">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 05</span>
      <span class="day-topic">格式化输出</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="5">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>掌握保留小数位数、字段宽度、科学计数法等格式化输出技巧。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1gymgY6Ec4/?p=46" target="_blank" rel="noopener">P46 double 与科学计数法</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/problem/P5707" target="_blank" rel="noopener">洛谷 P5707 【深基2.例9】 fav</a>
        <a href="https://www.luogu.com.cn/problem/P5708" target="_blank" rel="noopener">洛谷 P5708 【深基2.例9】三角形面积</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="5" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-6">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 06</span>
      <span class="day-topic">顺序结构综合</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="6">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>完成洛谷【入门1】顺序结构题单，共12题，巩固前5天全部语法。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1W14y1o7Tn/" target="_blank" rel="noopener">一本通 P4 整型变量</a>
        <a href="https://www.bilibili.com/video/BV1sX4y1i7SR/" target="_blank" rel="noopener">一本通 P6 加减乘法</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/training/100" target="_blank" rel="noopener">洛谷【入门1】顺序结构题单</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="6" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-7">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 07</span>
      <span class="day-topic">Week 1 复盘 + 小测</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="7">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>独立写出'三角形面积''时间换算'等题，整理本周错题本。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1VM4y1E77s/" target="_blank" rel="noopener">一本通 P5 cin 输入</a>
        <a href="https://www.bilibili.com/video/BV1Dh4y177mF/" target="_blank" rel="noopener">一本通 P7 浮点类型</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/training/100" target="_blank" rel="noopener">洛谷【入门1】顺序结构题单收尾</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="7" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
</section>

<section id="week2">
  <h2><span class="ico">3</span>第二周 · 控制结构与数组字符串</h2>
  <div class="day-card" id="day-8">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 08</span>
      <span class="day-topic">if/else 分支</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="8">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>掌握单分支、双分支、多分支结构，能写嵌套 if 判断奇偶、闰年、成绩等级。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1gymgY6Ec4/?p=14" target="_blank" rel="noopener">P14 if 语句</a>
        <a href="https://www.bilibili.com/video/BV1gymgY6Ec4/?p=15" target="_blank" rel="noopener">P15 if-else</a>
        <a href="https://www.bilibili.com/video/BV1gymgY6Ec4/?p=16" target="_blank" rel="noopener">P16 if 嵌套</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/training/101" target="_blank" rel="noopener">洛谷【入门2】分支结构题单</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="8" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-9">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 09</span>
      <span class="day-topic">switch 与嵌套分支</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="9">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>掌握 switch 语句，完成简单计算器、星期推算等练习。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1gymgY6Ec4/?p=26" target="_blank" rel="noopener">P26 switch</a>
        <a href="https://www.bilibili.com/video/BV1gymgY6Ec4/?p=27" target="_blank" rel="noopener">P27 switch 应用</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/problem/P5711" target="_blank" rel="noopener">洛谷 P5711 【深基3.例3】闰年判断</a>
        <a href="https://www.luogu.com.cn/problem/P5712" target="_blank" rel="noopener">洛谷 P5712 【深基3.例4】Apples</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="9" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-10">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 10</span>
      <span class="day-topic">for 循环</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="10">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>掌握 for 循环语法，完成求和、阶乘、九九乘法表等经典题目。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1gymgY6Ec4/?p=28" target="_blank" rel="noopener">P28 for 循环</a>
        <a href="https://www.bilibili.com/video/BV1gymgY6Ec4/?p=29" target="_blank" rel="noopener">P29 for+if</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/training/102" target="_blank" rel="noopener">洛谷【入门3】循环结构题单</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="10" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-11">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 11</span>
      <span class="day-topic">while 与嵌套循环</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="11">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>掌握 while/do-while，理解循环嵌套，练习数位拆分、辗转相除。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1gymgY6Ec4/?p=41" target="_blank" rel="noopener">P41 while</a>
        <a href="https://www.bilibili.com/video/BV1gymgY6Ec4/?p=55" target="_blank" rel="noopener">P55 循环嵌套</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/problem/P5713" target="_blank" rel="noopener">洛谷 P5713 【深基3.例5】洛谷团队系统</a>
        <a href="https://www.luogu.com.cn/problem/P5714" target="_blank" rel="noopener">洛谷 P5714 【深基3.例6】肥胖问题</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="11" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-12">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 12</span>
      <span class="day-topic">一维数组</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="12">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>理解数组下标，掌握遍历、求最值、逆序、去重等基础操作。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1gymgY6Ec4/?p=62" target="_blank" rel="noopener">P62 一维数组</a>
        <a href="https://www.bilibili.com/video/BV1gymgY6Ec4/?p=65" target="_blank" rel="noopener">P65 冒泡/选择排序</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/training/103" target="_blank" rel="noopener">洛谷【入门4】数组题单</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="12" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-13">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 13</span>
      <span class="day-topic">字符与字符串</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="13">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>掌握字符数组与 string 的基本操作：长度、拼接、查找、反转。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1gymgY6Ec4/?p=66" target="_blank" rel="noopener">P66 字符数组</a>
        <a href="https://www.bilibili.com/video/BV1gymgY6Ec4/?p=67" target="_blank" rel="noopener">P67 string 字符串</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/training/104" target="_blank" rel="noopener">洛谷【入门5】字符串题单</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="13" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-14">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 14</span>
      <span class="day-topic">Week 2 复盘</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="14">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>完成循环+数组综合题10道，重点练习嵌套循环与边界处理。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1gymgY6Ec4/?p=56" target="_blank" rel="noopener">P56 双重循环图形</a>
        <a href="https://www.bilibili.com/video/BV1gymgY6Ec4/?p=57" target="_blank" rel="noopener">P57 九九乘法表</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/training/102" target="_blank" rel="noopener">洛谷【入门3】+【入门4】综合</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="14" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
</section>

<section id="week3">
  <h2><span class="ico">4</span>第三周 · 函数、递归与基础算法</h2>
  <div class="day-card" id="day-15">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 15</span>
      <span class="day-topic">函数定义与调用</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="15">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>理解函数声明、定义、调用的完整流程，掌握值传递与作用域。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1XD42177kB/" target="_blank" rel="noopener">自定义带返回值函数</a>
        <a href="https://www.bilibili.com/video/BV1QH4y1C7NB/" target="_blank" rel="noopener">李炎恢信奥启蒙·函数</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/training/105" target="_blank" rel="noopener">洛谷【入门6】函数与结构体题单</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="15" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-16">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 16</span>
      <span class="day-topic">递归入门</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="16">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>理解递归思想，用递归实现阶乘、斐波那契数列，画递归调用栈。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1qFrFYMEVU/" target="_blank" rel="noopener">递归函数讲解</a>
        <a href="https://www.bilibili.com/video/BV1sH4y1e7Ee/" target="_blank" rel="noopener">递归求阶乘和斐波那契</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/problem/P5739" target="_blank" rel="noopener">洛谷 P5739 【深基5.例7】计算阶乘</a>
        <a href="https://www.luogu.com.cn/problem/P5738" target="_blank" rel="noopener">洛谷 P5738 【深基5.例5】斐波那契数列</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="16" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-17">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 17</span>
      <span class="day-topic">递归进阶</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="17">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>用递归解决汉诺塔、倒序输出问题，理解递归终止条件的重要性。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1ZY411g725/" target="_blank" rel="noopener">汉诺塔递归</a>
        <a href="https://www.bilibili.com/video/BV1hssYecEef/" target="_blank" rel="noopener">汉诺塔动画+代码</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/problem/P5740" target="_blank" rel="noopener">洛谷 P5740 【深基5.例8】汉诺塔问题</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="17" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-18">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 18</span>
      <span class="day-topic">冒泡排序</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="18">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>手写冒泡排序，理解稳定性与 O(n²) 复杂度，能讲清楚每一轮比较过程。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1R4dcYzEYn/" target="_blank" rel="noopener">排序基础（冒泡/选择/插入/桶）</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/problem/P5726" target="_blank" rel="noopener">洛谷 P5726 【深基4.例6】冒泡排序</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="18" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-19">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 19</span>
      <span class="day-topic">选择/插入排序</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="19">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>对比三种排序的优劣，理解时间复杂度的实际意义。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1R4dcYzEYn/" target="_blank" rel="noopener">排序基础专题</a>
        <a href="https://www.bilibili.com/video/BV1At411P79N/" target="_blank" rel="noopener">AcWing 算法试听课</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/problem/P5727" target="_blank" rel="noopener">洛谷 P5727 【深基4.例7】选择排序</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="19" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-20">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 20</span>
      <span class="day-topic">枚举与模拟</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="20">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>掌握暴力枚举思路，练习计数问题、日期计算等模拟题型。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV17w9ZYKEqG/" target="_blank" rel="noopener">模拟算法专题</a>
        <a href="https://www.bilibili.com/video/BV13W4y1a7be/" target="_blank" rel="noopener">模拟算法讲解</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/problem/P5728" target="_blank" rel="noopener">洛谷 P5728 【深基4.例8】枚举</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="20" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-21">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 21</span>
      <span class="day-topic">Week 3 复盘</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="21">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>完成函数+算法题10道，重点回顾递归终止条件与排序稳定性。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1LiS1YSEgF/" target="_blank" rel="noopener">递归：检验编程天赋</a>
        <a href="https://www.bilibili.com/video/BV1ip4y1j7VL/" target="_blank" rel="noopener">排序算法专题</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/training/105" target="_blank" rel="noopener">洛谷【入门6】综合练习</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="21" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
</section>

<section id="week4">
  <h2><span class="ico">5</span>第四周 · 数据结构与综合冲刺</h2>
  <div class="day-card" id="day-22">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 22</span>
      <span class="day-topic">结构体 struct</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="22">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>用 struct 组织多字段数据，完成学生成绩排序、点坐标计算等练习。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1MkxeeYEv9/" target="_blank" rel="noopener">十分钟搞定结构体</a>
        <a href="https://www.bilibili.com/video/BV1qe4y1u752/" target="_blank" rel="noopener">信奥 C++ 结构体</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/training/105" target="_blank" rel="noopener">洛谷【入门6】函数与结构体题单</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="22" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-23">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 23</span>
      <span class="day-topic">栈</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="23">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>理解栈'后进先出'特性，用数组实现栈，练习括号匹配、表达式求值。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1bG2TBnEif/" target="_blank" rel="noopener">栈（上）定义与特点</a>
        <a href="https://www.bilibili.com/video/BV1L2CsBgESw/" target="_blank" rel="noopener">栈（下）波兰表达式</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/problem/P1449" target="_blank" rel="noopener">洛谷 P1449 后缀表达式</a>
        <a href="https://www.luogu.com.cn/problem/P5736" target="_blank" rel="noopener">洛谷 P5736 【深基5.例7】括号匹配</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="23" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-24">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 24</span>
      <span class="day-topic">队列</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="24">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>理解队列'先进先出'特性，练习 BFS 雏形、约瑟夫环等经典问题。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1jJUCBuEXx/" target="_blank" rel="noopener">队列 STL 队列</a>
        <a href="https://www.bilibili.com/video/BV1iM4y1H7YT/" target="_blank" rel="noopener">栈和队列综合</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/problem/P1449" target="_blank" rel="noopener">洛谷 P1449 后缀表达式</a>
        <a href="https://www.luogu.com.cn/problem/P5737" target="_blank" rel="noopener">洛谷 P5737 【深基5.例8】约瑟夫问题</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="24" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-25">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 25</span>
      <span class="day-topic">二维数组</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="25">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>掌握矩阵转置、迷宫遍历、前缀和等二维数组经典操作。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1vg4y1f7gC/" target="_blank" rel="noopener">二维数组讲解</a>
        <a href="https://www.bilibili.com/video/BV1AE41147Z7/" target="_blank" rel="noopener">二维数组入门</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/problem/P5729" target="_blank" rel="noopener">洛谷 P5729 【深基4.例9】矩阵转置</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="25" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-26">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 26</span>
      <span class="day-topic">综合模拟</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="26">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>完成大模拟题练习，提升读题能力和代码组织能力。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV17w9ZYKEqG/" target="_blank" rel="noopener">模拟算法专题</a>
        <a href="https://www.bilibili.com/video/BV1aU4y1z75p/" target="_blank" rel="noopener">CSP-J 初赛模拟法</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/training/597858" target="_blank" rel="noopener">洛谷【萌新入门100题】模拟板块</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="26" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-27">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 27</span>
      <span class="day-topic">真题模拟 · 初赛</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="27">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>限时完成 CSP-J 2023 第一轮（选择题），严格计时2小时。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV16XbSzwEfj/" target="_blank" rel="noopener">2023 CSP-J 初赛真题</a>
        <a href="https://www.bilibili.com/video/BV1ZGaozpE8F/" target="_blank" rel="noopener">初赛真题讲解</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.noi.cn/" target="_blank" rel="noopener">NOI 官网 CSP-J 历年真题</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="27" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
<div class="day-card" id="day-28">
  <div class="day-header">
    <div class="day-title-group">
      <span class="day-num">DAY 28</span>
      <span class="day-topic">真题模拟 · 复赛</span>
    </div>
    <label class="checkin-toggle">
      <input type="checkbox" data-day="28">
      <span class="checkin-text">今日打卡</span>
    </label>
  </div>
  <div class="day-body">
    <div class="day-block">
      <h5>今日任务</h5>
      <p>限时完成 CSP-J 2023 第二轮（编程题），严格计时3.5小时。</p>
    </div>
    <div class="day-block">
      <h5>视频课</h5>
      <div class="video-links">
        <a href="https://www.bilibili.com/video/BV1ozHNz2EWg/" target="_blank" rel="noopener">2023 CSP-J 复赛真题</a>
        <a href="https://www.bilibili.com/video/BV1Vh4y1i7zM/" target="_blank" rel="noopener">复赛 T1 小苹果</a>
      </div>
    </div>
    <div class="day-block">
      <h5>习题练习</h5>
      <div class="problem-links">
        <a href="https://www.luogu.com.cn/problem/list?keyword=CSP-J&page=1" target="_blank" rel="noopener">洛谷 CSP-J 历年真题题单</a>
      </div>
    </div>
    <div class="day-block review-block">
      <h5>今日回顾</h5>
      <textarea class="review" data-day="28" placeholder="今天学了什么？卡在哪里？一句话总结..."></textarea>
    </div>
  </div>
</div>
</section>