惊蛰

雨水

立春

潮圈未来探索家

大寒

公益学习达人

小寒

冬至

大雪

中式美学达人

小雪

立冬

霜降

寒露

潮圈显眼包

秋分

白露

处暑

立秋

大暑

小暑

夏至 

芒种

小满

立夏

谷雨

春日读书会

清明

春分

AI智能体

春节勋章

2025新年勋章

用脚步丈量山河，用镜头记录时代！

行行摄摄

在野地里拍花，粉紫花毛茸茸的，像小刺猬裹着春光～未开的花苞、细长绿叶、草地背景，全是自然手写的温柔，快门按到腿麻，但值！🌿📸#做自己的春天# #寻访春天的故事# #春天“假”到 放“肆”出游# #整点“花”活吧#

#做自己的春天#

#寻访春天的故事#

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

#整点“花”活吧#

绿油油的麦田铺成一片柔软的绿毯，高矮胖瘦的铁塔矗立其间，铁塔撞上麦浪的温柔，倒成了一幅特别的画。#寻访春天的故事# #春天“假”到 放“肆”出游# #做自己的春天#

不恋世间繁华，独钟梨白点点，一树树素色花朵静静绽放，衬着澄澈蓝天，彷佛铺开的水墨画，清雅动人。
空气里浮动着清甜的香气，丝丝缕缕，沁人心脾，微风拂过，花枝轻摇，簌簌声响细碎温柔，恰似春天最轻柔的旁白，低低诉说着季节的诗意。4月6日拍摄于河北泊头#做自己的春天# #寻访春天的故事# #春天“假”到 放“肆”出游# #整点“花”活吧#

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

雨后的小花，浑身布满了透亮的雨珠，就像刚哭过的小姑娘一样，花瓣上的水珠滚来滚去，颤巍巍的，就像她睫毛上没擦干的泪珠，轻轻一碰仿佛就要落下来，湿润的空气里混着花香，清新得让人心里发酥，忍不住想凑近些，看看这“小姑娘”是不是还在偷偷抹眼泪。#行行摄摄与美酒同行# #寻访春天的故事# #整点“花”活吧#

#行行摄摄与美酒同行#

早上起来，空气格外清新，铁塔守护着
田野，与电网共绘乡村新图景～乡村的
日常，自带滤镜～#寻访春天的故事# #整点“花”活吧# #行行摄摄与美酒同行# #做自己的春天#

今年春分可不一般，正赶上二月二龙抬头，这在民俗里是难得的好彩头，寓意
着好运满满，各种好事都能找上门。#整点“花”活吧# #做自己的春天# #行行摄摄与美酒同行#

河北泊头正月十五闹元宵#解锁杭州未来之旅# #潮圈热议# #行行摄摄与美酒同行#

#解锁杭州未来之旅#

#潮圈热议#

昨晚的大雪，让我的兰花也享受一下大自然的美～～#潮圈热议# #年味淡了吗？# #解锁杭州未来之旅# #翻阅2025# #行行摄摄与美酒同行#

#年味淡了吗？#

#翻阅2025#

正月初八发发发，刚洗完澡的小毛球～#解锁杭州未来之旅# #年味淡了吗？# #潮圈热议#

武汉鹦鹉洲长江大桥#潮圈热议# #年味淡了吗？# #解锁杭州未来之旅#