惊蛰

雨水

立春

潮圈未来探索家

大寒

公益学习达人

小寒

冬至

大雪

中式美学达人

小雪

立冬

霜降

寒露

潮圈显眼包

秋分

白露

处暑

立秋

大暑

小暑

夏至 

芒种

小满

立夏

谷雨

春日读书会

清明

春分

AI智能体

春节勋章

2025新年勋章

好摄之友

把青石板走成T台，把回廊逛成旧梦。
素色旗袍配郭庄的素净，不为惊艳谁，只为自己好看，走得自在。#镜头下的美好生活# #浙里足够燃# #解锁杭州未来之旅# #生生不息#

杭州西湖风景名胜区-郭庄

#镜头下的美好生活#

#浙里足够燃#

#解锁杭州未来之旅#

#生生不息#

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

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

行行摄摄

一院樱开
不负江南春
醉了我#来浙见一面# #寻访春天的故事# #春天“假”到 放“肆”出游# #做自己的春天#

中国院子·梦溪苑·隐居酒店

#来浙见一面#

#寻访春天的故事#

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

#做自己的春天#

一院樱开
不负江南春#做自己的春天# #浙里足够燃# #镜头下的美好生活#

最美的樱花盛开啦#生生不息# #做自己的春天#

杭州未来科技城

128年，古刹等来这一树白。
而我，等来这一天的风，和站在树下的自己。
花期有时，缘起不灭。#玉兰花#寺庙 #禅源寺#我的摄影日记 #记录生活#旅行 #视见美好# #做自己的春天# #来浙见一面#

临安区西天目山禅源寺

#视见美好#

运动起来，让平凡日常闪闪发光

浙样运动

春分日暖，
龙启新章，
愿抬头皆有喜，
春安人亦安。#做自己的春天# #生生不息#

正月将尽，姑苏的夜，灯火依旧滚烫。
醒狮引路，穿过千年门楼。
瑞光塔静立，守着这座城的来路与归途。
拾阶而上，百家姓灯笼里，藏着一盏属于你的光。瑞光塔身披流光——那是苏州'向光而生'的千年回响。
水上的戏台，唱着江南的腔调。一颦一笑，皆是古城馈赠的热闹。
带着这份'向光而生'的勇气，走过灯火阑珊。
愿这一整年，你我皆如愿，步步向光明！
#镜头下的美好生活# #生生不息# #视见美好#

盘门景区

来安吉探春吸氧吧#镜头下的美好生活# #时光里的志愿情# #做自己的春天# #来浙见一面# #我的家乡出圈记#

白茶原·安吉白茶观景平台

#时光里的志愿情#

#我的家乡出圈记#

在院子里种花，就是为了等一个雨天。看雨水顺着花瓣滑落，才懂得什么叫“春雨贵如油”——它润泽的不只是花，还有看花人一整年的期盼。#做自己的春天# #整点“花”活吧# #镜头下的美好生活# #生生不息# #春日花路#

#整点“花”活吧#

#春日花路#

春和景明#镜头下的美好生活# #做自己的春天#