惊蛰

雨水

立春

潮圈未来探索家

大寒

公益学习达人

小寒

冬至

大雪

中式美学达人

小雪

立冬

霜降

寒露

潮圈显眼包

秋分

白露

处暑

立秋

大暑

小暑

夏至 

芒种

小满

立夏

谷雨

春日读书会

清明

春分

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>

钱报朋友圈

3月28日，玉海广场及周边开展“小手拉大手，文明一起走”亲子交通劝导活动。

<!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>“有人落水了！”3月21日14时许，汀田街道金凤社区的一处公园里发出呼救声。</p><p>此时，一名男子循声跑到河边，看见一个小男孩正在水中挣扎，情急之下，他迅速跨过护栏，顾不上脱衣脱鞋，也没来得及掏出手机，直接跳进水中向男孩游过去。</p><p><img src="https://mc-gxlmmz-public.8531.cn/16780263683332.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2ODkxODM0MDA3MDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=1920&amp;height=1080&amp;size=534963"></p><p><img src="https://mc-gxlmmz-public.8531.cn/16780263695492.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2ODkxODM0MDA3MDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=1920&amp;height=1080&amp;size=1022998"></p><p class="ql-photo-desc">张炳浩救人现场</p><p>乍暖还寒的季节，雨后河水更加冰冷。男孩从桥上掉落，落水位置在河中央，距离岸边至少有5米。施救男子争分夺秒向男孩游去，抓住后托举着男孩拼力折返岸边。游至浅水区后，他踉跄着站稳身子，双手穿过男孩腋下，竭尽全力将男孩抱起。守候在岸边的群众薛超云等人纷纷伸出援手，合力将他们扶上岸，小男孩最终脱离险境。从男孩落水至成功施救，整个过程大约3分钟。</p><p><img src="https://mc-gxlmmz-public.8531.cn/16780263707524.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2ODkxODM0MDA3MDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=1920&amp;height=1080&amp;size=328982"></p><p class="ql-photo-desc">岸上群众参与施救，护栏外为薛超云</p><p>男孩被安全救上岸后，施救者不忘让周边群众帮忙拨打120急救电话。随后，他自己拖着疲惫不堪的身子悄悄离开了现场。而这个施救的过程，被薛超云的妻子用手机拍了下来，发在“抖音”平台，一下子收获了数千个“点赞”。</p><p>这位施救者很快被身边的人认出来，他正是汀田街道汀四村村委会副主任张炳浩。事后，他将泡水的手机拿去维修店修理，店里的老板将视频找出来给他看，张炳浩才知道自己“出名”了。</p><p><img src="https://mc-gxlmmz-public.8531.cn/16780263720132.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2ODkxODM0MDA3MDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=1920&amp;height=1080&amp;size=504329"></p><p class="ql-photo-desc">事后，张炳浩接受记者采访</p><p>“我怕他沉下去，就没有想太多，连衣服都没脱，就直接跳下去了。”张炳浩在接受记者采访时说道。当时着急救人的他，身上还穿着厚重的抓绒卫衣，衣服吸饱了水，变得十分沉重，增加了施救的阻力，“水里很冷，把孩子往岸边拖的时候也比较吃力，我已经筋疲力尽了。”</p><p>对于这么多人“点赞”其英勇行为，张炳浩只是素朴地笑着回应，这是他的本分。他说：“作为一名村干部，守护群众的安全，这是我们的责任。”</p><p>在场的薛超云，被张炳浩的见义勇为行为深深打动。他告诉记者：“我们当时也很震撼，这个人怎么这么厉害，‘砰’地一下子跳下河了。当时水深水浅都不知道，他跳下来是很勇敢的行为。我们社会需要这样的人，他是我们的榜样！”</p></div>

瑞安市汀八村组织开展环境卫生整治志愿服务活动

<div class="creator-platform-content"><p>为传承雷锋精神，弘扬“奉献、友爱、互助、进步”的志愿风尚，在3.5雷锋服务月期间，汀田街道汀八村组织开展环境卫生清理志愿服务活动，15对亲子家庭踊跃参与，以实际行动践行雷锋精神，扮靓家园环境。</p><p><img src="https://mc-gxlmmz-public.8531.cn/16748813006408.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2ODkxODM0MDA3MDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=1920&amp;height=1280&amp;size=1117734"></p><p>活动现场，志愿者首先向亲子家庭讲解了雷锋同志的先进事迹，传递志愿服务理念，随后分发垃圾袋、扫帚等清洁工具，明确分工、划分区域，重点对村办公大楼周边的生活垃圾、枯枝落叶、卫生死角等进行清理。</p><p><img src="https://mc-gxlmmz-public.8531.cn/16748813019464.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2ODkxODM0MDA3MDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=1920&amp;height=1280&amp;size=855527"></p><p><img src="https://mc-gxlmmz-public.8531.cn/16748813033096.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2ODkxODM0MDA3MDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=1920&amp;height=1280&amp;size=687935"></p><p><img src="https://mc-gxlmmz-public.8531.cn/16748813043208.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2ODkxODM0MDA3MDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=1920&amp;height=1280&amp;size=970751"></p><p>亲子携手、分工协作，家长们弯腰清扫、捡拾垃圾，孩子们在家长和志愿者的引导下，认真清理角落杂物，不放过任何一处卫生盲区。大家干劲十足、默契配合，小小的身影穿梭在办公大楼周边，成为春日里一道温暖的文明风景线。</p><p><img src="https://mc-gxlmmz-public.8531.cn/16748813054792.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2ODkxODM0MDA3MDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=3000&amp;height=2000&amp;size=1606903"></p><p>此次活动不仅改善了村办公大楼周边的环境卫生面貌，更让孩子们在实践中体会劳动的意义，传承雷锋精神，带动更多家庭参与志愿服务。</p></div>

瑞安市桃源社区开展“学习雷锋好榜样 传递青春正能量”活动

<div class="creator-platform-content"><p>三月春风暖人心，雷锋精神代代传。为深入弘扬雷锋精神，厚植青少年思想道德根基。3月16日下午，锦湖街道桃源社区联合红旗实验小学2025级3班开展“学习雷锋好榜样传递青春正能量”活动。</p><p><img src="https://mc-gxlmmz-public.8531.cn/16748739707848.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2ODkxODM0MDA3MDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=4032&amp;height=3024&amp;size=4383347"></p><p>活动现场，小小的身影穿梭在小区的各个角落，成为春日里最动人的风景线。小朋友们手持垃圾夹和垃圾袋，不怕脏、不怕累，仔细捡拾草丛里的纸屑、塑料袋、烟头、果皮等各类垃圾，不放过任何卫生死角。“你们快来帮忙，我这边有好多垃圾。”“你们看，我捡了满满一袋的垃圾了。”看着自己的劳动成果，孩子们脸上洋溢着自豪的笑容，纷纷表示这次活动既有趣又有意义，以后还要多参加志愿服务，争当雷锋精神的传承者。</p><p><img src="https://mc-gxlmmz-public.8531.cn/16748739724936.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2ODkxODM0MDA3MDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=4032&amp;height=3024&amp;size=3625910"></p><p><img src="https://mc-gxlmmz-public.8531.cn/16748739742728.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2ODkxODM0MDA3MDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=1707&amp;height=1280&amp;size=584913"></p><p>此次活动，不仅改善了社区人居环境，更让小朋友们懂得了劳动的价值和环保的重要性。下一步，桃源社区将持续深化学雷锋志愿服务活动，开展活动形式丰富的青少年实践活动，以童心之力凝聚社区治理合力，让文明新风浸润小区每一个角落，共建和谐、美丽、洁净的幸福家园。</p></div>

浙风十礼 行有礼｜瑞安市锦湖街道集云社区开展“小小交通宣传员”志愿执勤活动

<div class="creator-platform-content"><p>为进一步深化社区交通安全宣传教育工作，切实提升辖区群众的交通安全意识，构建文明、有序、安全的道路交通环境，近日，浙江省瑞安市锦湖街道集云社区联合安阳交警中队深入辖区交通卡口，组织开展了一场别开生面的“小小交通宣传员”志愿执勤活动，将“浙风十礼”理念深植于孩子们心中，并传递到千家万户。</p><p><img src="https://mc-gxlmmz-public.8531.cn/16748694912584.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2ODkxODM0MDA3MDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=4096&amp;height=3072&amp;size=4217773"></p><p>活动伊始，交警针对孩子们的特点，进行了简短而高效的岗前培训。民警不仅系统讲解了道路交通指挥手势的规范动作，还结合典型案例，深入浅出地阐述了骑行佩戴安全头盔、驾乘车辆系安全带、严禁逆行等核心交通安全法规。孩子们神情专注，认真记录，为后续的宣传活动打下了坚实的知识基础。在社区工作人员的全程陪同与交警民警的现场指导下，小小宣传员们身着红马甲，精神抖擞地上岗。他们分布在卡口的关键位置，以稚嫩却坚定的声音，对行人闯红灯、非机动车未戴头盔、车辆乱停乱放等不文明交通行为进行了耐心劝导。</p><p><img src="https://mc-gxlmmz-public.8531.cn/16748694927688.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2ODkxODM0MDA3MDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=4096&amp;height=3072&amp;size=5197455"></p><p><img src="https://mc-gxlmmz-public.8531.cn/16748694942984.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2ODkxODM0MDA3MDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=4096&amp;height=3072&amp;size=5637290"></p><p>此次活动，充分发挥了未成年人在家庭中的“宣传员”和“监督员”作用，实现了教育一个孩子、带动一个家庭、影响整个社会的良好效果。集云社区将以此次活动为契机，持续抓实抓细交通安全管理工作，常态化开展宣传实践活动，切实把交通安全理念送到群众身边，为辖区平安稳定筑牢第一道防线。</p></div>

文明培育｜植树节种“村草”！瑞安市林源村解锁村庄环境美化新玩法

<div class="creator-platform-content"><p>“春天栽苗，夏天采草！这鱼腥草不仅能当菜凉拌下饭，而且还能当药清热解毒，种在房前屋后比种花更实用。”3月12日是植树节，浙江省瑞安市林川镇林源村热闹非凡，村“两委”、志愿者与村民们手持锄头，忙着在房前屋后的闲置土地上种植中草药苗。不同于别处的植树活动，这里的“主角”是车前草、鱼腥草、棉花肾、菜头肾等10种中草药，一场全民种“村草”的活动正在这座大山深处的山村火热开展。</p><p><img src="https://mc-gxlmmz-public.8531.cn/16721973833668.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2ODkxODM0MDA3MDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=1080&amp;height=810&amp;size=503265"></p><p class="ql-photo-desc">志愿者们在下“村草”种子</p><p>走进林源村，随处可见嫩绿的中草药苗在房前屋后的闲置土地上整齐排列，村民们或扶苗培土，或浇水灌溉，充满欢声笑语。今年74岁的村民林大爷正带着孙子在家门口的空地上栽种车前草，老人手持小铲挖出深浅适中的土坑，孙子小心翼翼地放进药苗，祖孙俩配合得十分默契。“我爷爷的爷爷那时起就在房前屋后种植铁芥菜、车前草等中草药，以前村里人得了感冒、肚子疼等疾病，摘把自家种的铁芥菜、车前草煮水喝，比吃药还管用。”林大爷说，现在他要把种植技术教给孙子，助力林源村百草村建设。</p><p>“这次我们一口气种植了2000多株中草药，后续还要实现全村452户全覆盖，总种植面积能达到5000多平方米！”林源村党支部书记林建林一边和村民一起种植中草药，一边向记者揭秘了村里的“种草渊源”。原来，南朝“山中宰相”陶弘景曾在陶山福泉山隐居，往返陶山与永嘉福地时必经林源，先辈们受其影响养成种草药的习惯，这一传统流传至今已有千年。今年新春第一会，林源村正式确立车前草、鱼腥草、棉花肾、菜头肾等10种中草药为“村草”，让这份古老智慧成为美丽乡村建设的新力量。</p><p><img src="https://mc-gxlmmz-public.8531.cn/16721973844292.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2ODkxODM0MDA3MDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=1080&amp;height=810&amp;size=404772"></p><p class="ql-photo-desc">志愿者们在地里忙着</p><p>“别人种树我们种草，这些‘村草’可都是宝贝疙瘩！”市文明办派驻该村的第一书记钟金燕蹲在该村安源路旁的一块闲置土地上，手指着刚栽好的车前草、铁芥菜介绍：“车前草能利尿明目，铁芥菜可清热解毒，这些都是《本草纲目》里记载的养生好物。等这些草药长成后，我们会在每片种植区竖起‘身份牌’，标注名称和功效，村民、游客有需要都能免费采摘，让闲置土地变成‘共享药圃’。”</p><p>在村民林大妈的房屋旁，刚种完一垄鱼腥草的她擦了擦额头的汗珠说：“小时候就跟着奶奶种草药，没想到现在又流行起来了！夏天煮点鱼腥草茶解暑，冬天用菜头肾煲汤养生，家门口的‘百草园’比药房还方便。”据悉，这些“村草”不仅兼具生态美化和药用价值，还能形成特色庭院经济，为乡村振兴注入绿色动能。</p></div>

千里援阿·壹路守护 ，浙江瑞安市壹元爱心公益援阿八年历程。