惊蛰

雨水

立春

潮圈未来探索家

大寒

公益学习达人

小寒

冬至

大雪

中式美学达人

小雪

立冬

霜降

寒露

潮圈显眼包

秋分

白露

处暑

立秋

大暑

小暑

夏至 

芒种

小满

立夏

谷雨

春日读书会

清明

春分

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集

《大宋提刑官》 第44集

《大宋提刑官》 第45集

《大宋提刑官》 第46集

《大宋提刑官》 第47集

《大宋提刑官》 第48集

《大宋提刑官》 第49集

《大宋提刑官》 第50集

《大宋提刑官》 第51集

《大宋提刑官》 第52集

宋慈京试得中进士，与同科好友孟良臣相约酒肆。孟良臣已请命受任梅城知县，宋慈对好友单枪匹马奔赴险途甚为担忧，意欲回家完婚后陪好友同赴边城。完婚之日，父亲迟迟未归，全家人翘首盼望。就在新人拜堂之际，一辆马车骤然而至，马车载回的是宋父的遗体……

大宋提刑官

#这就是中式美学#

#视见美好#

#汉服国风# #浙江汉服# #雅礼汉学#  2025我们一起过的汉服节

《红楼梦》第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集 白茫茫厚地高天

《红楼梦》描写贾宝玉的爱情和婚姻悲剧，即贾宝玉和林黛玉的爱情悲剧以及贾宝玉和薛宝钗的婚姻悲剧。作者真实细致地描写了悲剧发生和发展的复杂现实内容，揭示造成悲剧的全面而深刻的社会根源。

红楼梦

#浙江汉服# #十一浙里超好玩# #杭州24小时影像大赛# #遇见中国风#  #雅礼汉学#