惊蛰

雨水

立春

潮圈未来探索家

大寒

公益学习达人

小寒

冬至

大雪

中式美学达人

小雪

立冬

霜降

寒露

潮圈显眼包

秋分

白露

处暑

立秋

大暑

小暑

夏至 

芒种

小满

立夏

谷雨

春日读书会

清明

春分

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>

分享趣事、交流经验，一起为毛孩子的幸福出谋划策。

我爱潮宠

食人花寿命有多长？#和潮新闻一起飞阅世界# #春天“假”到 放“肆”出游# #整点“花”活吧# #21天阅读打卡计划# 好

战狼2

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

#和潮新闻一起飞阅世界#

#春天“假”到 放“肆”出游#

#整点“花”活吧#

#21天阅读打卡计划#

好摄之友

独自一个人走走#乡村旅游看新昌# #和潮新闻一起飞阅世界#

盲探

《盲探》是由寰亚电影制作有限公司、英皇影业有限公司等出品，杜琪峰执导，韦家辉、游乃海、陈伟斌编剧，刘德华、郑秀文、郭涛、高圆圆主演的爱情片，该片讲述了20世纪90年代初，一名失明的侦探和一名女警，一起调查少女失踪案的故事。

#乡村旅游看新昌#

无论是年度大片还是冷门佳作，无论是经典剧集还是时兴短剧，快来分享你的“影帝/影后”级点评，一起嗨聊，拒绝片荒！这里是属于影迷剧迷、明星粉丝们的快乐星球，一起玩转光影！

影视爱好者的聚集地，来聊你爱的演员、剧集和电影！

影视推荐

白菜#AI时代，选文科OR理科# #寻访春天的故事# #春天“假”到 放“肆”出游# #整点“花”活吧# #热爱当全力以赴，还是量力而行？#

#AI时代，选文科OR理科#

#寻访春天的故事#

#热爱当全力以赴，还是量力而行？#

女人二婚好不好呢#做自己的春天# #春天“假”到 放“肆”出游# 蓝衣红发侧脸杀，蓝天白云作背景，腕间手表悄悄记下这慵懒晴日～

《觉醒年代》 第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年《新青年》成为中国共产党机关刊物为贯穿，展现了从新文化运动、五四运动到中国共产党建立这段波澜壮阔的历史画卷，讲述了觉醒年代社会风情和百态人生。

觉醒年代

#做自己的春天#

竹笋能生吃吗？#寻访春天的故事# #热爱当全力以赴，还是量力而行？# #做自己的春天# #AI时代，选文科OR理科#

战狼

《战狼》由吴京执导，吴京、余男、斯科特·阿金斯、索纳·伊姆贝、凯文·李等主演的战争题材动作电影。
该影片改编自一场真实的中外边境战争，讲述特种部队狙击手冷锋违背命令狙杀犯罪头目，遭到军方禁闭甚至强制退伍的处罚，却意外得到神秘部队战狼的接纳。战狼在与其他部队军事演习时，遇到袭击展开殊死搏斗，最终战狼部队获得胜利。

📍杭州逛吃指南📡 | 商场活动一手报 🥳| 首店挖掘机

逛哪儿

花生仁成长的过程#AI时代，选文科OR理科# #热爱当全力以赴，还是量力而行？# #寻访春天的故事#

电视剧《父母爱情》（第一集）

电视剧《父母爱情》（第二集）

电视剧《父母爱情》（第三集）

电视剧《父母爱情》（第四集）

电视剧《父母爱情》（第五集）

电视剧《父母爱情》（第六集）

电视剧《父母爱情》（第七集）

电视剧《父母爱情》（第八集）

电视剧《父母爱情》（第九集）

电视剧《父母爱情》（第十集）

电视剧《父母爱情》（第十一集）

电视剧《父母爱情》（第十二集）

电视剧《父母爱情》（第十三集）

电视剧《父母爱情》（第十四集）

电视剧《父母爱情》（第十五集）

电视剧《父母爱情》（第十六集）

电视剧《父母爱情》（第十七集）

电视剧《父母爱情》（第十八集）

电视剧《父母爱情》（第十九集）

电视剧《父母爱情》（第二十集）

电视剧《父母爱情》（第二十一集）

电视剧《父母爱情》（第二十二集）

电视剧《父母爱情》（第二十三集）

电视剧《父母爱情》（第二十四集）

电视剧《父母爱情》（第二十五集）

电视剧《父母爱情》（第二十六集）

电视剧《父母爱情》（第二十七集）

电视剧《父母爱情》（第二十八集）

电视剧《父母爱情》（第二十九集）

电视剧《父母爱情》（第三十集）

电视剧《父母爱情》（第三十一集）

电视剧《父母爱情》（第三十二集）

电视剧《父母爱情》（第三十三集）

电视剧《父母爱情》（第三十四集）

电视剧《父母爱情》（第三十五集）

电视剧《父母爱情》（第三十六集）

电视剧《父母爱情》（第三十七集）

电视剧《父母爱情》（第三十八集）

电视剧《父母爱情》（第三十九集）

电视剧《父母爱情》（第四十集）

电视剧《父母爱情》（第四十一集）

电视剧《父母爱情》（第四十二集）

电视剧《父母爱情》（第四十三集）

电视剧《父母爱情》（第四十四集）

青岛某海军军区，海军炮校丛校长和妻子杨涛为军官举办婚介舞会，两人一心想为大龄军官们解决个人婚配问题。海军军官江德福深受丛校长器重，在校长夫妇的引荐下，江德福在舞会上认识了年轻漂亮的安杰，并对她心生爱慕。

父母爱情

紫色西红柿#我的潮新闻创作成绩单# #AI时代，选文科OR理科# #寻访春天的故事#

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