惊蛰

雨水

立春

潮圈未来探索家

大寒

公益学习达人

小寒

冬至

大雪

中式美学达人

小雪

立冬

霜降

寒露

潮圈显眼包

秋分

白露

处暑

立秋

大暑

小暑

夏至 

芒种

小满

立夏

谷雨

春日读书会

清明

春分

AI智能体

春节勋章

2025新年勋章

风语阁，浮躁当下的世外桃源，欢迎欣赏及热爱生活的每一个你！

风语阁

#21天春日打卡计划# 蜂鸣绕溪岸，紫花漫乡愁。
故乡吉安的春天，从来都在耳边，在心底❤️💐😊#寻访春天的故事# #走读太平年# #我的家乡出圈记#

#21天春日打卡计划#

#寻访春天的故事#

#走读太平年#

#我的家乡出圈记#

郁金香花海绚烂绽放，粉紫红交织成画，小橘猫藏于绿意间。春日蓬勃，生灵自在！😊💐#镜头里的故事# #寻访春天的故事# #整点“花”活吧#

#镜头里的故事#

#整点“花”活吧#

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

配音《青春之所以美丽》  #镜头里的故事# #朗读大课间# 声音用我现在的语气，走在从前的街道上；用我此刻的呼吸，感受着当年的风。一小段配音献给大家💐😊

#朗读大课间#

#21天春日打卡计划#刚下钢筋高架匝道口，就被绵延的蔷薇迎进了上海浓浓的春日烟火里😊#生生不息# #寻访春天的故事# #整点“花”活吧#

#生生不息#

#21天春日打卡计划# 抬头撞见满枝的紫和透亮的蓝，原来，天朗气清的春天藏在放学路过的风里😊#整点“花”活吧# #寻访春天的故事# #生生不息#

#21天春日打卡计划#四月芳菲将尽，路边小花却尽心尽力绽放，春深似海，每一朵都是倔强的温柔。👍💐😊#寻访春天的故事# #整点“花”活吧#

#21天春日打卡计划#校园外墙边的花朵，雨中零落却不凋👍

同学们亲笔写下的"敬理想""敬青春"，配上"一战上岸""妙笔生花"，每一笔都是滚烫的期盼，每一划都是诚挚的心声👍黑板上的誓言，是同学们写给未来的情书。六月，必让理想开花，青春无悔！🌸✨#校园潮街拍# #寻访春天的故事# #整点“花”活吧#

#校园潮街拍#

#寻访春天的故事# #校园潮街拍#

风从绿意来，捎来小花花的悄悄话。今日份的惬意先从屏保来#寻访春天的故事# #做自己的春天# #镜头下的美好生活#

#做自己的春天#

#镜头下的美好生活#

秋枫的配音：《清明，且念且行》 素材制作：小鱼素娴#寻访春天的故事# #视见美好# #生生不息#

#视见美好#

#21天春日打卡计划#校园杜鹃大爆发👍😊 不赶时间的春天，连花都开得格外尽兴👍 #寻访春天的故事# #整点“花”活吧# #校园潮街拍# #生生不息#

#21天春日打卡计划# 和朋友一起看了一场城市里的日落。湖面摇碎星光，点点滴滴散落进了心里#绿水青山体验官# #生生不息# #寻访春天的故事#

#绿水青山体验官#