惊蛰

雨水

立春

潮圈未来探索家

大寒

公益学习达人

小寒

冬至

大雪

中式美学达人

小雪

立冬

霜降

寒露

潮圈显眼包

秋分

白露

处暑

立秋

大暑

小暑

夏至 

芒种

小满

立夏

谷雨

春日读书会

清明

春分

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>

#多彩暑假随手拍#温州森马协和国际学校董泽锐

#多彩暑假随手拍#

#多彩暑假随手拍#温州森马协和国际学校施佳序

#多彩暑假随手拍#温州森马协和国际学校胡皓程

祝大家的2026年，
像牛一样壮实，
赛马一样驰骋，
和孩子们一起快乐🙂🌹🌹#我是潮新闻年度创作者#

温州森马协和国际学校中学部

《觉醒年代》 第1集

《觉醒年代》 第2集

《觉醒年代》 第3集

《觉醒年代》 第4集

《觉醒年代》 第5集

《觉醒年代》 第6集

《觉醒年代》 第7集

《觉醒年代》 第8集

《觉醒年代》 第9集

《觉醒年代》 第10集

《觉醒年代》 第11集

《觉醒年代》 第12集

《觉醒年代》 第13集

《觉醒年代》 第14集

《觉醒年代》 第15集

《觉醒年代》 第16集

《觉醒年代》 第17集

《觉醒年代》 第18集

《觉醒年代》 第19集

《觉醒年代》 第20集

《觉醒年代》 第21集

《觉醒年代》 第22集

《觉醒年代》 第23集

《觉醒年代》 第24集

《觉醒年代》 第25集

《觉醒年代》 第26集

《觉醒年代》 第27集

《觉醒年代》 第28集

《觉醒年代》 第29集

《觉醒年代》 第30集

《觉醒年代》 第31集

《觉醒年代》 第32集

《觉醒年代》 第33集

《觉醒年代》 第34集

《觉醒年代》 第35集

《觉醒年代》第36集

《觉醒年代》 第37集

《觉醒年代》 第38集

《觉醒年代》 第39集

《觉醒年代》 第40集

《觉醒年代》 第41集

《觉醒年代》 第42集

《觉醒年代》 第43集

电视剧《觉醒年代》以1915年《青年杂志》问世到1921年《新青年》成为中国共产党机关刊物为贯穿，展现了从新文化运动、五四运动到中国共产党建立这段波澜壮阔的历史画卷，讲述了觉醒年代社会风情和百态人生。

觉醒年代

#我是潮新闻年度创作者#

成长快乐营

森马协和学校P5D的星星们，寒假开始啦！

温州森马协和国际学校

战狼2

《战狼Ⅱ》是由吴京执导，吴京、刘毅、董群编剧，吴京领衔主演，弗兰克·格里罗、吴刚、张翰、卢靖姗、淳于珊珊、丁海峰等主演的动作电影。
该片讲述了脱下军装的冷锋被卷入了一场非洲国家的叛乱，本来能够安全撤离的他无法忘记军人的职责，重回战场展开救援的故事。

这是温州森马协和学校的大课间

这样的大课间，料儿足，劲儿大，味儿鲜，趣儿多。好玩儿，有效果，要坚持。#校园大课间# #运动健身#

森马协和国际学校-小学部

潮动体育圈

参加温州元旦健身跑
温州市府亮温州，廿载承传片名留。
瓯江口岸笛声闹，江心屿上影儿稠。
三垟湿地瓯柑树，五马街心白鹿洲。
“荣誉”①元难一旦休，健康快乐“嗨”上头②。
​注：
#温州# 
①健身跑后每人会自动生成一张“荣誉证书”，然而，不知什么原因，本人一直没有生成，不然图片又可“炫”出来了。生活中，所谓的“荣誉”，不也如此吗？欲求反而难得。然而所谓的“荣誉”又有多大价值呢？一旦休矣。
​②化用了南宋诗人杨蟠“一片繁华海上头”之句，“海上头”指温州，“嗨”字既是谐音，也表达这次活动的心情，意在一字双得，并非文字游戏矣。

最后一公里

本片是一部反映脱贫攻坚的现实主义题材电影，影片以珙桐村为背景，生动讲述了年轻的共产党员李双洪临危受命出任村党支部书记，在困境与摸索中，带领全村民众一同探索、一同实践，脱贫致富的故事。

#多彩暑假随手拍#森马协和国际学校周沐妍

#多彩暑假随手拍#温州森马协和国际学校杨雯婷

#多彩暑假随手拍#森马协和国际学校李宸宇

#多彩暑假随手拍#温州森马协和国际学校黄沅