惊蛰

雨水

立春

潮圈未来探索家

大寒

公益学习达人

小寒

冬至

大雪

中式美学达人

小雪

立冬

霜降

寒露

潮圈显眼包

秋分

白露

处暑

立秋

大暑

小暑

夏至 

芒种

小满

立夏

谷雨

春日读书会

清明

春分

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>

为校园达人和青春面孔打造的“高光舞台”，更有丰厚奖励等你来！进群了解详细信息→

欢迎关注，带你看遍校园生活大小事，精彩都在这里。

校园通

孟良崮战役是中国人民解放军在解放战争中的一次重要胜利，它展现了我军英勇顽强的战斗精神和灵活机动的战略战术。我们年轻人应该铭记5.13这一天为解放事业奋斗不止！#解放#

人民英雄纪念碑

《解放》 第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集

《解放》 第44集

《解放 》第45集

《解放》 第46集

《解放》 第47集

《解放》 第48集

《解放》 第49集

《解放》 第50集

电视剧《解放》以三年解放战争历史背景，以革命领袖为主要人物，以重大历史事件为主要内容，通过对中原突围、延安保卫战、孟良崮战役、三大战役直至渡江战役等的重点描写，真实、艺术地再现了以毛泽东为首的老一辈无产阶级革命家率领解放军和人民群众，运筹帷幄、决胜千里的历史事件。

解放

以“小浪花”之名聚浙传学子，聊课程作业、侃校园活动，分享干货、结交同好，共赴传媒之约！

浙里传薪承媒智，艺心筑梦启新声。

浙江传媒学院

淮海战役的作战部署是毛泽东制定的战役指导方案，收录于《毛泽东文集》第五卷。该部署要求华东野战军集中兵力歼灭黄百韬兵团，中原野战军切断徐蚌线，最终形成分阶段歼敌的总体方针！！#解放#

中国人民解放军第三野战军七兵团解放杭州，为了提高指战员的文化水平，部队颁发了由华东军区、第三野战军政治部翻印的标点符号用法小册子。

王麓水土地革命战争时期，任红四军警卫班班长、保卫局科长、团特派员、红一军团二师五团政治委员，参加了长征，纪念红军长征胜利90周年怀念红军战士王麓水。#长征#

《长征》 第1集

《长征》 第2集

《长征》 第3集

《长征》 第4集

《长征》 第5集

《长征》 第6集

《长征》 第7集

《长征》 第8集

《长征》 第9集

《长征》 第10集

《长征》 第11集

《长征》 第12集

《长征》 第13集

《长征》 第14集

《长征》  第15集

《长征》 第16集

《长征》 第17集

《长征》 第18集

《长征》 第19集

《长征》 第20集

《长征》 第21集

《长征 》 第22集

《长征》 第23集

《长征》 第24集

《长征》由王朝柱编剧，金韬、唐国强共同执导的24集红色革命类电视剧，该剧由唐国强、刘劲、陈道明、王伍福、杨猛等主演。该剧以史诗般的气魄再现红军当年长征的悲壮场面和历史性意义。

长征

浙江广播电视集团为庆祝中国共产党成立100周年而重点摄制的《三五支队》纪录片，宁海中学建校100周年“追寻三五支队足迹”重走拉练路！#解放#

77年前中国解放军第三野战军在渡江战役期间受命组建‌，人民海军在炮火中诞生，在战斗中成长，经过一系列的英勇作战，人民海军解放了万山群岛、一江山岛等苏南、浙东岛屿；在“八六”海战、“崇武以东”海战中力挫劲敌；在西沙自卫反击战中维护了祖国神圣的海洋主权，成为保卫祖国海洋主权的中坚力量。#解放#

中国解放军第三野战军在渡江战役期间受命组建‌，人民海军在炮火中诞生，在战斗中成长，经过一系列的英勇作战，人民海军解放了万山群岛、一江山岛等苏南、浙东岛屿；在“八六”海战、“崇武以东”海战中力挫劲敌；在西沙自卫反击战中维护了祖国神圣的海洋主权，成为保卫祖国海洋主权的中坚力量。

三野子弟群体致力于继承父辈革命遗志，传承红色基因。#解放#

三野子弟通过作诗、授旗、签名字等形式，表达对先辈的缅怀及对新时代幸福生活的珍惜。#解放#

三野子弟铭记历史，继承先辈革命精神，为推进中国式现代化贡献积极力量 。‌‌‌#解放#