惊蛰

雨水

立春

潮圈未来探索家

大寒

公益学习达人

小寒

冬至

大雪

中式美学达人

小雪

立冬

霜降

寒露

潮圈显眼包

秋分

白露

处暑

立秋

大暑

小暑

夏至 

芒种

小满

立夏

谷雨

春日读书会

清明

春分

AI智能体

春节勋章

2025新年勋章

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>卡片-视频小图</title>
    <style>
       * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      html {
        background: white;
      }

      body {
        font-family: "PingFangSC-Regular", "PingFang SC";
      }

      img {
        vertical-align: middle;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .wrapper {
        padding: 9.0667vw 8vw 0;
      }

      .wrapper .logo {
        width: 33.6vw;
        height: 12.5333vw;
        margin: 0 auto;
        background: url("https://app-stc.zjol.com.cn/card-share/new_card_logo.png") no-repeat center / contain;
      }

      .wrapper .cover {
        width: 84vw;
        min-height: 21vw;
        margin-top: 6.9333vw;
        background: #f1f1f1 url("https://app-stc.zjol.com.cn/card-share/blank_bg.png") no-repeat center / 9vw 9vw;
      }

      .wrapper h1 {
        margin-top: 3.7333vw;
        color: #151515;
        font: 500 6.4vw / 9.0667vw "PingFangSC-Medium", "PingFang SC";
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
      }

      .bottom {
        position: relative;
        height: 40.5333vw;
        margin: 5.8667vw -8vw 0;
        background: url("https://app-stc.zjol.com.cn/card-share/small_card_bottom.png") no-repeat center / contain;
      }

      .bottom .date {
        position: absolute;
        top: -1.0667vw;
        left: 8vw;
        font-size: 3.7333vw;
        color: #999;
      }

      .bottom .legend {
        position: absolute;
        left: 8vw;
        bottom: 8.8vw;
        height: 6.9333vw;
        line-height: 6.9333vw;
        font-size: 3vw;
        color: #151515;
        border-bottom: 1px solid rgba(20, 20, 20, 0.5);
      }

      .bottom .qr-area {
        display: flex;
        position: absolute;
        right: 8vw;
        bottom: 8.8vw;
        height: 14.4vw;
      }

      .bottom .qr-area .left {
        align-self: flex-end;
        margin-right: 1.0667vw;
        font-size: 3.2vw;
        color: #999;
      }

      .bottom .qr-area .right {
        position: relative;
        width: 14.4vw;
        height: 14.4vw;
      }

      .qr-area .right .qr {
        position: absolute;
        left: 0;
        top: 0;
      }

      .qr-area .right .qr-logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 4vw;
        height: 4vw;
        border: 1px solid #fff;
        border-radius: 3px;
      }
    </style>
    <script src="https://app-stc.zjol.com.cn/qrious.min.js"></script>
  </head>
  <body>
    <div class="wrapper">
      <div class="logo"></div>
      <div class="cover">
        <img />
      </div>
      <h1></h1>
      <div class="bottom">
        <div class="date"></div>
        <div class="legend">深耕浙江 解读中国 影响世界</div>
        <div class="qr-area">
          <div class="left">长按识别<br />查看详情</div>
          <div class="right">
            <img class="qr" />
            <img class="qr-logo"
              src="https://app-stc.zjol.com.cn/card-share/card_logo1.png" />
          </div>
        </div>
      </div>
    </div>
    <script>
      if (window.ZBJTJSBridge && typeof ZBJTJSBridge.invoke === "function") {
        window.getNewsDetailCallback = function (res) {
            const resObj = JSON.parse(res) || {};
            const article = resObj.data;
            if (article) {
              const coverWrapperEl = document.querySelector(".wrapper .cover");
              const coverEl = document.querySelector(".cover img");
              const titleEl = document.querySelector(".wrapper h1");
              const dateEl = document.querySelector(".date");
              const qrEl = document.querySelector(".qr-area .qr");
              if (typeof QRious !== 'undefined') {
                new QRious({
                  element: qrEl,
                  value: article.url,
                  foreground: "#183081",
                  level: "M",
                  size: 200,
                });
              }
              const item = article.card_list.find(item => item.category === 0);
              if (item && item.image_url) {
                coverEl.onerror = function (e) {
                  this.style.display = 'none';
                }
                coverEl.src = item.image_url;
                const search = item.image_url.split('?')[1]
                if (search) {
                  const params = new URLSearchParams(search)
                  const width = params.get('width')
                  const height = params.get('height')
                  if (width && height) {
                    coverWrapperEl.style.height = height / width * (document.documentElement.offsetWidth / 100 * 84) + 'px'
                  }
                }
              }
              titleEl.textContent = article.list_title;
              if (article.published_at) {
                const date = new Date(article.published_at);
                dateEl.textContent = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")} ${String(date.getHours()).padStart(2, "0")}:${String(date.getMinutes()).padStart(2, "0")}`;
              }
            }
            delete window.getNewsDetailCallback;
          };
          ZBJTJSBridge.invoke("getNewsDetail", "", "getNewsDetailCallback");
      }
    </script>
  </body>
</html>

请把你的作品链接发群里，记得要本圈内容。

汇企宣校宣学生作品、科创达人精品

教科融创圈

走进诸暨博物馆#来浙见一面#

#来浙见一面#

用脚步丈量山河，用镜头记录时代！

行行摄摄

走进诸暨博物馆

走进诸暨博物馆，欢迎来诸暨！

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>卡片-小图</title>
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      html {
        background: white;
      }

      body {
        font-family: "PingFangSC-Regular", "PingFang SC";
      }

      img {
        vertical-align: middle;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .wrapper {
        position: relative;
        background: linear-gradient(to bottom, #54b0fb 0%, #e9f5ff 100%);
        padding: 6.6667vw 0 0;
      }

      .wrapper .link {
        position: absolute;
        top: 39.7333vw;
        width: 2.6667vw;
        height: 12.8vw;
      }

      .link .top-dot {
        position: absolute;
        top: 0;
        left: 0;
        width: 2.6667vw;
        height: 2.6667vw;
        border-radius: 50%;
        background: #95cdfc;
      }

      .link .bottom-dot {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 2.6667vw;
        height: 2.6667vw;
        border-radius: 50%;
        background: #95cdfc;
      }

      .link .line {
        position: absolute;
        top: 1.6vw;
        bottom: 1.6vw;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 3px;
        border-radius: 1.5px;
        background-color: #4ba8f4;
      }

      .link-0 {
        left: 16.5333vw;
      }

      .link-1 {
        right: 16.5333vw;
      }

      .wrapper .account_card {
        margin: 0 4vw 0;
        height: 36.8vw;
        background-color: white;
        box-shadow: 0px 2px 4px 0px rgba(0, 148, 255, 0.5);
        background: linear-gradient(332deg, #e3f8ff 0%, #ffffff 100%);
        border-radius: 3.2vw;
        border: 1.0667vw solid #ffffff;

        padding-top: 14.1333vw;
        position: relative;
      }

      .account_card > img {
        position: absolute;
        top: 2.9333vw;
        left: 5.3333vw;
        height: 7.2vw;
        width: auto;
        /* margin-left: 4.2667vw; */
      }

      .wrapper .article_card {
        margin: 3.4667vw 4vw 0;
        background-color: white;
        border-radius: 3.2vw;
        box-shadow: 0px 2px 4px 0px rgba(0, 148, 255, 0.5);
        padding: 5.3333vw;
      }

      .article_card .date {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 2.6667vw;
        color: #4a4a4a;
        line-height: 3.7333vw;
        padding-top: 2.1333vw;
      }

      .cover {
        background: #d8d8d8;
        box-shadow: 0px 2px 4px 0px #acd9ff;
        border: 1.3333vw solid #ffffff;
        margin-bottom: 2.6667vw;
      }

      .cover img {
        width: 100%;
        height: auto;
      }

      .account_wrapper {
        display: flex;
        height: 16vw;
        margin-left: 3.4667vw;
        margin-right: 7.2vw;
        /* margin-top: 4vw; */
        align-items: flex-start;
      }

      .account_wrapper .avatar {
        width: 16vw;
        height: 16vw;
        position: relative;
        margin-right: 2.6667vw;
        flex: none;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .avatar .avatar_img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
        overflow: hidden;
      }

      .avatar .cert {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 5.3333vw;
        height: 5.3333vw;
      }

      .account_wrapper .date {
        flex: none;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        margin-left: 1.3333vw;
        margin-top: 2.1333vw;
      }

      .date .month {
        /* font-family: DINOT, DINOT; */
        font-weight: bold;
        font-size: 4.2667vw;
        color: #151515;
        line-height: 5.8667vw;
      }

      .date .week {
        font-family: PingFangSC, PingFang SC;
        font-weight: 300;
        font-size: 2.9333vw;
        color: #666666;
        line-height: 4.2667vw;
        letter-spacing: 1.0667vw;
        margin-top: 0.5333vw;
      }

      .account_wrapper .title_wrapper {
        flex: 1;
        overflow: hidden;
        padding-top: 2.1333vw;
      }

      .title_wrapper .title {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 4.2667vw;
        color: #000000;
        line-height: 5.8667vw;
        display: flex;
        align-items: center;
      }

      .title span {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }

      .title img {
        width: 8.5333vw;
        height: 3.7333vw;
        margin-left: 1.3333vw;
      }

      .title_wrapper .desc {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 3.2vw;
        color: #999999;
        line-height: 4.5333vw;
        margin-top: 1.0667vw;
      }

      .wrapper .logo {
        width: 28.2667vw;
        height: 10.6667vw;
        background: url("https://app-stc.zjol.com.cn/card-share/new_card_logo.png")
          no-repeat center / contain;
      }

      .wrapper h1 {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 4.8vw;
        color: #000000;
        line-height: 7.7333vw;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
      }

      .wrapper h3 {
        margin-top: 2.1333vw;
        font-family: PingFangSC, PingFang SC;
        font-weight: 300;
        font-size: 3.2vw;
        color: #4a4a4a;
        line-height: 5.0667vw;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
      }

      .bottom {
        position: relative;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        padding: 5.3333vw;
      }

      .bottom .qr-area {
        display: flex;
        align-items: flex-end;
      }

      .bottom .qr-area .left {
        align-self: flex-end;
        margin-right: 2.6667vw;
        font-size: 2.6667vw;
        color: #999;
      }

      .bottom .qr-area .right {
        position: relative;
        width: 11.7333vw;
        height: 11.7333vw;
      }

      .qr-area .right .qr {
        position: absolute;
        left: 0;
        top: 0;
      }

      .qr-area .right .qr-logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 2.6667vw;
        height: 2.6667vw;
        border: 1px solid #fff;
        border-radius: 3px;
      }
    </style>
    <script src="https://app-stc.zjol.com.cn/qrious.min.js"></script>
  </head>
  <body>
    <div class="wrapper">
      <div class="account_card">
        <img src="https://app-stc.zjol.com.cn/card-share/tmh_type_cmh.png" />
        <div class="account_wrapper">
          <div class="avatar">
            <img class="avatar_img" />
            <img class="cert" />
          </div>
          <div class="title_wrapper">
            <div class="title">
              <span></span>
              <img
                src="data:image/png;base64,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"
              />
            </div>
            <div class="desc">我发布了一篇文章</div>
          </div>
          <div class="date">
            <span class="month"></span>
            <span class="week"></span>
          </div>
        </div>
      </div>

      <div class="article_card">
        <div class="cover">
          <img />
        </div>

        <h1></h1>

        <h3></h3>

        <div class="date"></div>
      </div>

      <div class="bottom">
        <div class="logo"></div>
        <div class="qr-area">
          <div class="left">长按识别<br />查看详情</div>
          <div class="right">
            <img class="qr" />
            <img
              class="qr-logo"
              src="https://app-stc.zjol.com.cn/card-share/card_logo1.png"
            />
          </div>
        </div>
      </div>

      <div class="link link-0">
        <div class="top-dot"></div>
        <div class="bottom-dot"></div>
        <div class="line"></div>
      </div>
      <div class="link link-1">
        <div class="top-dot"></div>
        <div class="bottom-dot"></div>
        <div class="line"></div>
      </div>
    </div>
    <script>
      if (window.ZBJTJSBridge && typeof ZBJTJSBridge.invoke === "function") {
        window.getNewsDetailCallback = function (res) {
          const resObj = JSON.parse(res) || {};
          const article = resObj.data;
          if (article) {
            const accountType = document.querySelector(
              "body > div.wrapper > div.account_card > img"
            );
            accountType.src = `https://app-stc.zjol.com.cn/card-share/${
              article.cert_type > 0 ? "tmh_type_cmh" : "tmh_type_ck"
            }.png`;

            const avatarImg = document.querySelector(
              "body > div.wrapper > div.account_card > div > div.avatar > img.avatar_img"
            );
            avatarImg.src =
              article.author_img ||
              "https://app-stc.zjol.com.cn/card-share/blank_bg.png";

            const userName = document.querySelector(
              "body > div.wrapper > div.account_card > div > div.title_wrapper > div.title > span"
            );
            userName.textContent = article.account_nick_name;

            const officialCert = document.querySelector(
              "body > div.wrapper > div.account_card > div > div.title_wrapper > div.title > img"
            );
            officialCert.style.display =
              article.official_cert_status == 0 ? "none" : "block";

            const pic = article.list_pics ? article.list_pics[0] : "";
            const cover = document.querySelector(
              "body > div.wrapper > div.article_card > div.cover"
            );
            const coverImage = document.querySelector(
              "body > div.wrapper > div.article_card > div.cover > img"
            );
            if (!!pic) {
              coverImage.src = pic;
              cover.style.display = "block";
            } else {
              cover.style.display = "none";
            }

            const title = document.querySelector(
              "body > div.wrapper > div.article_card > h1"
            );
            title.textContent = article.doc_title || article.list_title;

            const desc = document.querySelector(
              "body > div.wrapper > div.article_card > h3"
            );
            const div = document.createElement("div");
            div.innerHTML = article.content;
            desc.innerHTML = div.innerText;
            div.remove();
            desc.style.display == div.innerText ? "block" : "none";

            const articleDate = document.querySelector(
              "body > div.wrapper > div.article_card > div.date"
            );
            const date = new Date(article.published_at);
            articleDate.textContent = `${date.getFullYear()}-${String(
              date.getMonth() + 1
            ).padStart(2, "0")}-${String(date.getDate()).padStart(
              2,
              "0"
            )} ${String(date.getHours()).padStart(2, "0")}:${String(
              date.getMinutes()
            ).padStart(2, "0")}`;

            const dayOfWeek = date.getDay();
            const days = [
              "星期天",
              "星期一",
              "星期二",
              "星期三",
              "星期四",
              "星期五",
              "星期六",
            ];
            const week = document.querySelector(
              "body > div.wrapper > div.account_card > div > div.date > span.week"
            );
            week.textContent = days[dayOfWeek];

            const months = [
              "Jan",
              "Feb",
              "Mar",
              "Apr",
              "May",
              "Jun",
              "Jul",
              "Aug",
              "Sept",
              "Oct",
              "Nov",
              "Dec",
            ];

            const month = document.querySelector(
              "body > div.wrapper > div.account_card > div > div.date > span.month"
            );
            month.textContent = `${months[date.getMonth()]} ${String(
              date.getDate()
            ).padStart(2, "0")}`;

            const cert = document.querySelector(
              "body > div.wrapper > div.account_card > div > div.avatar > img.cert"
            );
            if (article.cert_type > 0) {
              // 这里类型弄反了
              const value = article.cert_type == 1 ? 2 : 1;

              cert.src =
                "https://app-stc.zjol.com.cn/card-share/cmh_cert_" +
                value +
                ".png";
            } else {
              if (article.quality_type > 0) {
                cert.src =
                  "https://app-stc.zjol.com.cn/card-share/ck_cert_" +
                  article.quality_type +
                  ".png";
              } else {
                cert.style.display = "none";
              }
            }

            const qrEl = document.querySelector(
              "body > div.wrapper > div.bottom > div.qr-area > div.right > img.qr"
            );
            if (typeof QRious !== "undefined") {
              new QRious({
                element: qrEl,
                value: article.url,
                foreground: "#183081",
                level: "M",
                size: 200,
              });
            }
          }
          delete window.getNewsDetailCallback;
        };
        ZBJTJSBridge.invoke("getNewsDetail", "", "getNewsDetailCallback");
      }
    </script>
  </body>
</html>

成长快乐营

我的奇思妙想—水上行走鞋

<div class="creator-platform-content"><p>&nbsp;&nbsp;&nbsp;诸暨市暨阳街道行知小学 章歆若</p><p>&nbsp;&nbsp;&nbsp;每年夏天，新闻中总会播报不少溺水案，其中溺水身亡的最多的就是青少年和儿童。面对这些惨痛的消息，我不禁想:要是我能发明一个水上行走滑冰鞋，就能阻止这些溺水案啊!</p><p>&nbsp;&nbsp;&nbsp;我要当你的这双鞋，远看和运动鞋没什么区别。但近看,可就不样了:它的底部有一个漂浮器,漂浮器上面还有一层能变形的支撑棉，能根据每个人的脚型调整，穿上既能使人浮起来又能让我们的脚舒服，真正做到人鞋合一。鞋子外部有纳米防水系统，哪怕是一滴水，也进不去一条缝。鞋面上还有一个按钮，只要你按一下，鞋底就会伸出滑冰刀，切换成滑冰模式，可以说是冰水两用了。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;水上行走滑冰鞋不仅有用,还很漂亮:有浅绿色和肉色组合系列，被称为“水玉暖桅”；有浅蓝色和青色组合系列，被称为"浅空青蓝"。女款鞋子上面还有一些小装饰,有珍珠贝壳装饰的名媛风，也点缀蝴蝶结的可爱风；至于男款，有酷炫的动漫，也有简约的黑白灰。如果你不满足于上面的，还可以利用AI进行私人订制。</p><p>&nbsp;&nbsp;&nbsp;水上行走滑冰鞋能用在许多地方。过河时，你不用坐船，不用花钱，只需穿上它，就能轻轻松松到达对岸。捉鱼时，你又可以穿着它，去河中心，收获更多的鱼呀、虾呀，帮助人们从事渔业工作。有了他，孩子们再也不会在玩水时遇到危险了。</p><p>&nbsp;&nbsp;&nbsp;我希望，我的梦想能变成现实，也祝愿我们的祖国科技发达、繁荣昌盛。</p></div>

《我的作业‘小叛徒’成长记》

<div class="creator-platform-content"><p>&nbsp;诸暨市暨阳街道行知小学 章歆若</p><p>"这道题到底用乘法还是除法啊？"我咬着铅笔头，盯着数学作业本上张牙舞爪的应用题。这时，书包里突然传来"叮咚"一声——我的AI学习助手"小智"又冒泡了。</p><p>"根据我的分析，这道题需要先算出每只小猪每天吃几个西瓜..."小智的声音活像个老学究。我赶紧捂住它的发声孔："嘘！妈妈听见又要说我不动脑筋了！"这个被我偷偷升级过的AI助手，最近总在关键时刻跳出来"通风报信"，活像个作业本里藏着的"小叛徒"。</p><p>不过说真的，自从有了这个"作弊神器"，我发现学习变得像闯关游戏似的。背古诗时，小智会把"飞流直下三千尺"变成说唱，我跟着节奏摇头晃脑，不知不觉就记住了全诗。英语课要情景对话，它立刻变身伦敦腔管家："尊贵的小主人，今天的下午茶需要司康饼还是马卡龙？"逗得我对着空气笑出鼻涕泡。</p><p>最绝的是上周的自然课考试。当老师捧着试卷走进教室时，我的智能手表突然震动起来。小智用摩斯密码发来暗号："叮-叮叮-叮"，翻译过来居然是"相信你的第一直觉！"虽然最后我还是自己选的答案，但看到卷子上那个红艳艳的"优"，总觉得是小智偷偷往我脑子里塞了智慧糖果。</p><p>不过这个"小叛徒"也有不靠谱的时候。上次让它帮忙写《我的妈妈》作文，它居然写道："我的妈妈像永不停歇的扫地机器人，每天在客厅画着整齐的方格..."结果妈妈看到后，没收了我三天平板电脑。现在我和小智约法三章：可以当军师，不能当枪手；可以给提示，不能报答案。</p><p>看着书桌上和小智联动的智能台灯，我常常托着腮帮子幻想：等我们长大，AI老师会不会举着激光教鞭在黑板前讲课？写作业时会不会有全息投影的李白亲自指导？不过妈妈说，再聪明的AI也替代不了我们小脑瓜里冒出的奇思妙想。就像小智虽然会解方程，但它永远不懂为什么我们要把橡皮切成"薯条"，也不会知道教室后排窗台上那株偷偷养的多肉，是我们整个小组的"重点保护对象"。</p><p>夜深人静时，我和小智看着星空聊天。它说未来会有能带人飞的智能书包，我说那得先发明防晕车贴纸；它说以后考试可能用脑电波交卷，我担心万一想午饭吃什么会不会被扣分。月光透过窗户洒在充电中的小智身上，这个金属小方盒轻轻闪着蓝光，仿佛在偷笑我们这些人类幼崽的异想天开。</p><p>我知道，等我们长大那天，这些现在看起来酷炫的AI都会变成"老古董"。但就像爷爷总念叨他小时候的滚铁环，我们也会骄傲地说："当年我有个AI助手，虽然总帮倒忙，但确实让二次方程变得像吃干脆面一样有趣！"</p></div>

我最喜欢的动画人物—朱迪

<div class="creator-platform-content"><p>&nbsp;&nbsp;&nbsp;诸暨市暨阳街道行知小学 章歆若</p><p>&nbsp;&nbsp;&nbsp;朱迪·霍普斯是迪士尼动画电影《疯狂动物城》中的主角，一只来自兔子镇的小个子兔子，却怀揣着成为动物城第一名兔警官的梦想。她的魅力藏在永不妥协的韧劲里，藏在打破偏见的勇气中，更藏在始终温热的同理心内，让每一个看过故事的人都忍不住为她喝彩。</p><p>&nbsp;&nbsp;&nbsp;朱迪最耀眼的特质，是不认命、不服输的执着。出身于世代务农的兔子家庭，身边所有人都告诉她“兔子就该待在农场种胡萝卜，当警察是大块头动物的事”，但她偏要逆流而上。为了考上警校，她每天天不亮就训练，对着比自己高大数倍的食肉动物同学，一次次摔倒又一次次爬起来；警校毕业时，她以全班第一的成绩拿到徽章，却被警局分配去贴罚单——这是对她的轻视，却没能浇灭她的热情。她顶着上司的冷眼、市民的抱怨，硬是在贴罚单的间隙里发现了失踪案的线索，哪怕被勒令停止调查，也偷偷和狐狸尼克搭档，熬夜翻查档案、深入雨林区冒险，甚至险些被反派陷害，却始终没说过一句“放弃”。</p><p>&nbsp;&nbsp;&nbsp;而比执着更珍贵的，是朱迪打破偏见、坚守正义的初心。她曾因社会固有的刻板印象，下意识认为狐狸“天生狡猾”，但在和尼克的相处中，她逐渐看清：偏见从来不是真相，真正的正义是尊重每一个生命的独特性。当她发现反派利用“午夜嚎叫”药剂制造恐慌、挑拨食肉动物与食草动物的矛盾时，她没有选择明哲保身，而是在全城直播的发布会上勇敢承认自己的错误，又和尼克一起深入阴谋核心，揭露真相，最终让动物城恢复和平。她用行动证明：渺小的兔子也能成为英雄，所谓的“天性”从来不是束缚，唯有平等与包容，才能造就真正的美好。</p><p>&nbsp;&nbsp;&nbsp;朱迪的可爱，还在于她温柔又坚定的同理心。面对被歧视的尼克，她看见他藏在玩世不恭下的委屈；面对失踪的水獭太太，她感同身受那份焦急；哪怕是对曾经刁难她的上司牛局长，她也用实力赢得尊重，而非记恨。她从不因自己的成就骄傲，始终记得“让世界变得更好”的初衷——电影结尾，她成了动物城的英雄，却依然会蹲下来和小朋友说话，会笑着给兔子镇的家人打电话，那份从骨子里透出的温暖，让她的光芒格外动人。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;朱迪不是完美的英雄，她有过迷茫，犯过错误，却始终朝着光亮的方向奔跑。她让我们相信：哪怕身处泥泞，哪怕不被看好，只要守住初心、勇敢前行，平凡的生命也能绽放出震撼人心的力量——这就是朱迪的魅力，也是她成为我最喜欢的人物形象的原因。</p></div>

窗外即景

<div class="creator-platform-content"><p>&nbsp;&nbsp;&nbsp;&nbsp;诸暨市暨阳街道行知小学 章歆若</p><p>&nbsp;&nbsp;&nbsp;冬日的早晨，雾浓霜重。窗外的梧桐树，光秃秃的枝桠上悬着一两片蜷曲的枯叶，风一吹就打着旋儿晃，随时准备在空中跳起冬的舞蹈。</p><p>&nbsp;&nbsp;&nbsp;有雾的早晨就宛如仙境一般，浓浓的雾罩住了整个城市，没有一点空隙。早该是太阳升起的时辰，它倒像个怕淋雨的小姑娘，只一味地躲在云层里。没了太阳指引，天空和地面晕成一片白，满眼是雾，满世界是雾，连飘来的雨丝都裹着雾气，粘在窗玻璃上，晕出一片片湿漉漉的痕，用指尖一碰，还能划出细细的水线。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;天上阴云密布，不一会儿就下起了小雨。打开窗，一阵冷意扑面而来。细小的雨珠扑在脸上。仿佛在跳舞。渐渐的，渐渐的，雨变小了。最后便完全没了，也没有那种冷冷的触感了。</p><p>&nbsp;&nbsp;&nbsp;雨停了，感觉整个世界好像亮堂了一些。乌云也淡了一些 ，整个天空像是被谁蘸着清水，把浓墨一圈圈晕开了似的。远处的楼房不再是雾里的黑影，能看清墙上斑驳的瓷砖，沾着没干的雨水。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;近处，枯黄的小草早没了夏日的精神，蔫头耷脑地贴在地上，草叶上还挂着雨打后的褶皱，可经雨水一洗，倒显露出几分鲜亮的绿，像是藏在枯色里的小惊喜。草尖上挂满了圆滚滚的露珠，把细弱的草茎压得弯了腰，风一吹，露珠就滚落到泥土里，留下一道小小的湿痕。每一颗露珠里都映着灰蒙蒙的天、光秃秃的树，这该是大自然偷偷画的小画儿吧？</p><p>&nbsp;&nbsp;&nbsp;枫树的叶子早该红透了，枝桠上还挂着没滴完的雨珠，顺着叶尖往下垂，像一串小小的水晶。有些“懒汉”叶子还没褪尽夏日的浅黄，半醒半睡地挂在枝上，叶边卷着，沾着的雨水让黄色更显透亮；有些似被冻醒了，急急忙忙换上橙红的衣裳，红得像燃着的小火苗，雨水落在上面，又添了几分水润；还有些最时髦，黄衣边上镶着红边，红里又透着点没褪尽的绿，三种颜色顺着叶脉晕开，像被精心调过的颜料。整一株枫树在冬日的清冷里，倒显出几分热闹来，连落在树根旁的落叶，都沾着雨水，颜色鲜活得像刚从枝上摘下来似的。</p><p>&nbsp;&nbsp;&nbsp;看着窗外的这一切，我忽然觉得，不用去远方寻景，这窗棂框住的雨后天光、草叶露珠、彩叶疏枝，还有空气中淡淡的湿土味，就足够让人满心欢喜——仿佛把冬日里最温柔的风景，都悄悄揽进了眼里。</p></div>

《香喷喷的蛋糕诞生记》

<div class="creator-platform-content"><p>诸暨市暨阳街道行知小学 章歆若</p><p><span style="font-size: 0.28rem;">&nbsp;&nbsp;&nbsp;蛋糕，是裹着甜香的“魔法小方”，蓬松的口感裹着奶香，咬一口就能甜到心里，是所有人都没法拒绝的美味。可别瞧它软乎乎的模样人畜无害，真要亲手做起来，那步骤里藏着不少“小讲究”呢！</span></p><p>&nbsp;&nbsp;&nbsp;要开启这场“甜蜜工程”，得先把材料备得妥妥当当：去皮的低筋小麦粉得筛得细如云雾，35克牛奶要温得不凉不烫，还有雪白的白砂糖、能打出奶油顶的淡奶油、裹着阳光香气的鸡蛋，以及装着各种彩色糖珠的小装饰盒——当然，少不了嗡嗡作响的打蛋器，它可是这场“战斗”的主力队员。</p><p>&nbsp;&nbsp;&nbsp;第一步，先把50克低筋粉轻轻倒进玻璃碗，再顺着碗边淋入温牛奶，按下打蛋器的开关。“嗡嗡嗡——”打蛋器的金属头在碗里飞速旋转，粉和奶缠成了细腻的面糊，闻起来有股淡淡的麦香。接着把面糊推到一边“醒着”，我拿起两个圆滚滚的鸡蛋，在碗沿轻轻一磕，金黄的蛋黄“溜”进小碗，透明的蛋清则落进另一个大碗里，像装了半盏月光。把蛋黄搅散后倒进面糊，再搅上几下，面糊立刻染上了暖融融的鹅黄色。</p><p>&nbsp;&nbsp;&nbsp;第二步才是“变魔术”的时刻：往蛋清里挖一大勺白砂糖，再丢进2个蛋黄，打蛋器再次发动——这次它转得更欢快，蛋清裹着糖泡，一点点胀成了雪白的泡沫，软得像刚揉好的云朵，连打蛋器提起来，都能拉出细细的“蛋白霜”。我把两碗糊糊倒进大盆，用筷子轻轻翻搅，像在给云朵盖被子，不能太用力，不然云朵会“塌掉”。</p><p>&nbsp;&nbsp;&nbsp;第三步，把搅好的面糊倒进铺了油纸的深盘里，轻轻震两下碗底，把小气泡都“赶”出来。空气炸锅早就预热好了，200℃的温度裹着热风，我把盘子放进去，定好40分钟的闹钟。厨房里很快飘起了甜香，像把春天的花蜜都装了进来。等“叮”的一声脆响，我掀开炸锅——金黄的蛋糕鼓得高高的，用牙签一扎，拔出来干干净净。</p><p>&nbsp;&nbsp;&nbsp;最后一步是“化妆”：把淡奶油挤成一圈圈小浪花，撒上深棕色的巧克力碎，再把彩色糖珠和小饼干摆成笑脸的模样。暖黄的灯光落在蛋糕上，甜香裹着热气扑在脸上，咬一口，松软的蛋糕裹着奶油的凉，连指尖都沾着甜味。</p><p>&nbsp;&nbsp;&nbsp;这样的蛋糕，是不是让你也想立刻系上围裙，当一回“甜品魔法师”？</p></div>

我的“百变”老师

<div class="creator-platform-content"><p>&nbsp;&nbsp;诸暨市暨阳街道行知小学 章歆若</p><p>&nbsp;&nbsp;&nbsp;&nbsp;一头浓密的黑发，戴着一副眼镜，弯成月牙的眼睛总能给人亲切的感觉。这是谁呢？噢！原来是桑老师。我的“百变”语文老师。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;说她“百变”，可不是吹的。她就像个会七十二变的孙悟空，不对，比孙悟空还厉害！</p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第一变：课堂上的大演员</p><p>&nbsp;&nbsp;&nbsp;&nbsp;“同学们——”桑老师拖长声音，眼睛瞪得圆圆的，“你们猜，雨来这时候心里在想什么？”她摇头晃脑眼睛眯成一条缝，活脱脱就是个导演。当讲到敌人气急败坏要枪毙雨来时，她猛地一拍桌子，嗷嗷地叫：“枪毙，枪毙！拉出去，拉出去！”吓得前排的同学猛地一激灵。最绝的是学诗人诵读，她举起自己的保温杯当酒杯，仰头“痛饮”，摇头晃脑，拉长了声调……我们笑得东倒西歪，课文却像刻进了脑子里。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第二变：作业界的孙悟空</p><p>&nbsp;&nbsp;&nbsp;交作业时，我们就像要过火焰山的小妖精。桑老师推推眼镜，镜片后的眼睛闪着金光。谁的生字少写了一笔，谁的作文偷偷抄了范文，都逃不过她的眼睛。有一次我把“辩”字写成了“辨”，自己都没发现，桑老师却笑着指出来：“这两个点跑哪儿啦？是不是被你藏起来啦？”我脸一红，赶紧改过来，从此再也不敢马虎。我们私下都说，桑老师肯定有火眼金睛，任何“妖魔鬼怪”都逃不过她的法眼。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第三变：听不见铃声的“鸭女士”</p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;“叮铃铃——”下课铃响了。可桑老师还在滔滔不绝：“这个知识点很重要，再讲两分钟。”两分钟？她的两分钟比孙悟空的一个跟头还远！只见她像只优雅的鸭子，在讲台上踱来踱去，完全沉浸在她的语文世界里。我们在底下急得像热锅上的蚂蚁——要上厕所啊！终于，她合上课本：“好了，下课。”我们立刻像离弦的箭冲向厕所。后来才知道，她是为了把知识讲完，连水都顾不上喝。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;现在你明白了吧？我们的桑老师会变魔术。她把枯燥的课文变成精彩的戏剧，把马虎的我们变成认真的学生。虽然她的“两分钟”总是很长，虽然她的火眼金睛让我们“无处可逃”，但我们知道，这一切都是因为她太爱我们，太爱语文了。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;谢谢您，亲爱的“百变”老师！是您用特别的方式，让我们爱上了语文课。您是我们心中永远的超人老师！</p></div>