惊蛰

雨水

立春

潮圈未来探索家

大寒

公益学习达人

小寒

冬至

大雪

中式美学达人

小雪

立冬

霜降

寒露

潮圈显眼包

秋分

白露

处暑

立秋

大暑

小暑

夏至 

芒种

小满

立夏

谷雨

春日读书会

清明

春分

AI智能体

春节勋章

2025新年勋章

传播向善之光，放大公益声浪！

欢迎更多公益爱好者加入，传播向善之光，放大公益声浪！

益起来公益

#益起来公益# #杭州公益小天使# 
        2026年4月12日，我参加了~~以志愿之声，传孤山文脉；用赤子之心，讲红色传奇｜公益小导游定点考核.
这个活动由景区管理委员会和杭州公益小天使一起举办。
        第一次参加小导游的考核，内心既紧张又激动。考核当天实现了自己既定的小目标:声音响亮脱稿完成自己的介绍，并有肢体语言配合。
         在这个之前，我认真听了老师的讲解，实地踩点介绍的景点三次，一有时间就在家里准备熟悉稿子，上次在来的地铁上也忍不住拿起稿子看，站在景点前练习了2次。
       有为大家服务的公益之心，还需要有为大家服务的技能和本领，同行的初中菲姐姐为我树立了学习的榜样，我会继续加油哒.

#杭州公益小天使#

我在潮新闻发表的单篇作品浏览量达到1000！#我的潮新闻创作成绩单#

#我的潮新闻创作成绩单#

<!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>

#益起来公益# #杭州公益小天使# #孤山景区# 
为了当好公益小导游，介绍好景点，去实地演练啦！公益小星星加油，用自己的微光，让世界更好ദ്ദി(˵ •̀ ᴗ - ˵ ) ✧

#益起来公益# #杭州公益小天使# 
2026.3.20
      我参加了杭州公益小天使，在杭州文新派出所组织的:第一颗纽-未保综合课堂，反诈有招，警童并行，守护平安杭城活动。
       威严的王警官，用幽默风趣，时时互动的方式，让我们了解了有哪些诈骗方式，是现在比较常见的，同时引导我们思考该如何应对。强调了指纹，面部特征是每个人唯一的ID.
        还带我们参观了警察叔叔们办公的地方，今天真是大开眼界。感谢您们为守护杭城平安所做出的点点滴滴。学习了今天的知识，积极向周边的人宣传反诈知识，为守护杭城平安，贡献自己的力量。
        杭州公益小天使 HZ3158郑星阑

#益起来公益# #杭州公益小天使# 
        2026.3.15我参加了杭州公益小天使和西湖景区岳庙管理会联合组织的:以志愿之声，传孤山文脉；用赤子之心，讲红色传奇——红色孤山讲解活动。
        现在课堂上，景区管理处的张老师给我梳理了孤山秋瑾墓，中山公园，鲁迅像，白苏二祠堂等五大景点的介绍，随后带我们走遍了每个景点。老师在实际的讲解中，不仅有刚才课堂知识的结合，更有站姿，位置，表情，讲解等技巧的实际演示，让我获益良多。
         我要再去发掘下景点背后的故事，努力用自己理解的，能表达的语言，讲好孤山故事，做一名优秀的红色故事的优秀志愿讲解小天使。
          杭州公益小天使  郑星阑

#杭州公益小天使# 
2026年3月2日，我参加了由杭州公益小天使，西湖区竞渡社区组织的，在杭州联合银行蒋村支行举办的~~~福闹元宵，财启童心，做小小银行家的活动。
我了解了钱从哪里来:钱币的历史，通常挣钱的方式有哪些。
我了解了钱该怎么花，不能超前，不能过度，花钱要理性。
                                           杭州公益小天使HZ3158
我还和同学们一起动手实践了点钞。
最后进行了猜灯谜的游戏，顺祝大家元宵节快乐！