惊蛰

雨水

立春

潮圈未来探索家

大寒

公益学习达人

小寒

冬至

大雪

中式美学达人

小雪

立冬

霜降

寒露

潮圈显眼包

秋分

白露

处暑

立秋

大暑

小暑

夏至 

芒种

小满

立夏

谷雨

春日读书会

清明

春分

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 {
        position: relative;
        background: linear-gradient(to bottom, #54b0fb 0%, #e9f5ff 100%);
        padding: 6.6667vw 0 0;
      }

      .wrapper .link {
        position: absolute;
        top: 39.7333vw;
        width: 2.6667vw;
        height: 12.8vw;
      }

      .link .top-dot {
        position: absolute;
        top: 0;
        left: 0;
        width: 2.6667vw;
        height: 2.6667vw;
        border-radius: 50%;
        background: #95cdfc;
      }

      .link .bottom-dot {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 2.6667vw;
        height: 2.6667vw;
        border-radius: 50%;
        background: #95cdfc;
      }

      .link .line {
        position: absolute;
        top: 1.6vw;
        bottom: 1.6vw;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 3px;
        border-radius: 1.5px;
        background-color: #4ba8f4;
      }

      .link-0 {
        left: 16.5333vw;
      }

      .link-1 {
        right: 16.5333vw;
      }

      .wrapper .account_card {
        margin: 0 4vw 0;
        height: 36.8vw;
        background-color: white;
        box-shadow: 0px 2px 4px 0px rgba(0, 148, 255, 0.5);
        background: linear-gradient(332deg, #e3f8ff 0%, #ffffff 100%);
        border-radius: 3.2vw;
        border: 1.0667vw solid #ffffff;

        padding-top: 14.1333vw;
        position: relative;
      }

      .account_card > img {
        position: absolute;
        top: 2.9333vw;
        left: 5.3333vw;
        height: 7.2vw;
        width: auto;
        /* margin-left: 4.2667vw; */
      }

      .wrapper .article_card {
        margin: 3.4667vw 4vw 0;
        background-color: white;
        border-radius: 3.2vw;
        box-shadow: 0px 2px 4px 0px rgba(0, 148, 255, 0.5);
        padding: 5.3333vw;
      }

      .article_card .date {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 2.6667vw;
        color: #4a4a4a;
        line-height: 3.7333vw;
        padding-top: 2.1333vw;
      }

      .cover {
        background: #d8d8d8;
        box-shadow: 0px 2px 4px 0px #acd9ff;
        border: 1.3333vw solid #ffffff;
        margin-bottom: 2.6667vw;
      }

      .cover img {
        width: 100%;
        height: auto;
      }

      .account_wrapper {
        display: flex;
        height: 16vw;
        margin-left: 3.4667vw;
        margin-right: 7.2vw;
        /* margin-top: 4vw; */
        align-items: flex-start;
      }

      .account_wrapper .avatar {
        width: 16vw;
        height: 16vw;
        position: relative;
        margin-right: 2.6667vw;
        flex: none;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .avatar .avatar_img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
        overflow: hidden;
      }

      .avatar .cert {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 5.3333vw;
        height: 5.3333vw;
      }

      .account_wrapper .date {
        flex: none;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        margin-left: 1.3333vw;
        margin-top: 2.1333vw;
      }

      .date .month {
        /* font-family: DINOT, DINOT; */
        font-weight: bold;
        font-size: 4.2667vw;
        color: #151515;
        line-height: 5.8667vw;
      }

      .date .week {
        font-family: PingFangSC, PingFang SC;
        font-weight: 300;
        font-size: 2.9333vw;
        color: #666666;
        line-height: 4.2667vw;
        letter-spacing: 1.0667vw;
        margin-top: 0.5333vw;
      }

      .account_wrapper .title_wrapper {
        flex: 1;
        overflow: hidden;
        padding-top: 2.1333vw;
      }

      .title_wrapper .title {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 4.2667vw;
        color: #000000;
        line-height: 5.8667vw;
        display: flex;
        align-items: center;
      }

      .title span {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }

      .title img {
        width: 8.5333vw;
        height: 3.7333vw;
        margin-left: 1.3333vw;
      }

      .title_wrapper .desc {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 3.2vw;
        color: #999999;
        line-height: 4.5333vw;
        margin-top: 1.0667vw;
      }

      .wrapper .logo {
        width: 28.2667vw;
        height: 10.6667vw;
        background: url("https://app-stc.zjol.com.cn/card-share/new_card_logo.png")
          no-repeat center / contain;
      }

      .wrapper h1 {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 4.8vw;
        color: #000000;
        line-height: 7.7333vw;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
      }

      .wrapper h3 {
        margin-top: 2.1333vw;
        font-family: PingFangSC, PingFang SC;
        font-weight: 300;
        font-size: 3.2vw;
        color: #4a4a4a;
        line-height: 5.0667vw;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
      }

      .bottom {
        position: relative;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        padding: 5.3333vw;
      }

      .bottom .qr-area {
        display: flex;
        align-items: flex-end;
      }

      .bottom .qr-area .left {
        align-self: flex-end;
        margin-right: 2.6667vw;
        font-size: 2.6667vw;
        color: #999;
      }

      .bottom .qr-area .right {
        position: relative;
        width: 11.7333vw;
        height: 11.7333vw;
      }

      .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: 2.6667vw;
        height: 2.6667vw;
        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="account_card">
        <img src="https://app-stc.zjol.com.cn/card-share/tmh_type_cmh.png" />
        <div class="account_wrapper">
          <div class="avatar">
            <img class="avatar_img" />
            <img class="cert" />
          </div>
          <div class="title_wrapper">
            <div class="title">
              <span></span>
              <img
                src="data:image/png;base64,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"
              />
            </div>
            <div class="desc">我发布了一篇文章</div>
          </div>
          <div class="date">
            <span class="month"></span>
            <span class="week"></span>
          </div>
        </div>
      </div>

      <div class="article_card">
        <div class="cover">
          <img />
        </div>

        <h1></h1>

        <h3></h3>

        <div class="date"></div>
      </div>

      <div class="bottom">
        <div class="logo"></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 class="link link-0">
        <div class="top-dot"></div>
        <div class="bottom-dot"></div>
        <div class="line"></div>
      </div>
      <div class="link link-1">
        <div class="top-dot"></div>
        <div class="bottom-dot"></div>
        <div class="line"></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 accountType = document.querySelector(
              "body > div.wrapper > div.account_card > img"
            );
            accountType.src = `https://app-stc.zjol.com.cn/card-share/${
              article.cert_type > 0 ? "tmh_type_cmh" : "tmh_type_ck"
            }.png`;

            const avatarImg = document.querySelector(
              "body > div.wrapper > div.account_card > div > div.avatar > img.avatar_img"
            );
            avatarImg.src =
              article.author_img ||
              "https://app-stc.zjol.com.cn/card-share/blank_bg.png";

            const userName = document.querySelector(
              "body > div.wrapper > div.account_card > div > div.title_wrapper > div.title > span"
            );
            userName.textContent = article.account_nick_name;

            const officialCert = document.querySelector(
              "body > div.wrapper > div.account_card > div > div.title_wrapper > div.title > img"
            );
            officialCert.style.display =
              article.official_cert_status == 0 ? "none" : "block";

            const pic = article.list_pics ? article.list_pics[0] : "";
            const cover = document.querySelector(
              "body > div.wrapper > div.article_card > div.cover"
            );
            const coverImage = document.querySelector(
              "body > div.wrapper > div.article_card > div.cover > img"
            );
            if (!!pic) {
              coverImage.src = pic;
              cover.style.display = "block";
            } else {
              cover.style.display = "none";
            }

            const title = document.querySelector(
              "body > div.wrapper > div.article_card > h1"
            );
            title.textContent = article.doc_title || article.list_title;

            const desc = document.querySelector(
              "body > div.wrapper > div.article_card > h3"
            );
            const div = document.createElement("div");
            div.innerHTML = article.content;
            desc.innerHTML = div.innerText;
            div.remove();
            desc.style.display == div.innerText ? "block" : "none";

            const articleDate = document.querySelector(
              "body > div.wrapper > div.article_card > div.date"
            );
            const date = new Date(article.published_at);
            articleDate.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")}`;

            const dayOfWeek = date.getDay();
            const days = [
              "星期天",
              "星期一",
              "星期二",
              "星期三",
              "星期四",
              "星期五",
              "星期六",
            ];
            const week = document.querySelector(
              "body > div.wrapper > div.account_card > div > div.date > span.week"
            );
            week.textContent = days[dayOfWeek];

            const months = [
              "Jan",
              "Feb",
              "Mar",
              "Apr",
              "May",
              "Jun",
              "Jul",
              "Aug",
              "Sept",
              "Oct",
              "Nov",
              "Dec",
            ];

            const month = document.querySelector(
              "body > div.wrapper > div.account_card > div > div.date > span.month"
            );
            month.textContent = `${months[date.getMonth()]} ${String(
              date.getDate()
            ).padStart(2, "0")}`;

            const cert = document.querySelector(
              "body > div.wrapper > div.account_card > div > div.avatar > img.cert"
            );
            if (article.cert_type > 0) {
              // 这里类型弄反了
              const value = article.cert_type == 1 ? 2 : 1;

              cert.src =
                "https://app-stc.zjol.com.cn/card-share/cmh_cert_" +
                value +
                ".png";
            } else {
              if (article.quality_type > 0) {
                cert.src =
                  "https://app-stc.zjol.com.cn/card-share/ck_cert_" +
                  article.quality_type +
                  ".png";
              } else {
                cert.style.display = "none";
              }
            }

            const qrEl = document.querySelector(
              "body > div.wrapper > div.bottom > div.qr-area > div.right > img.qr"
            );
            if (typeof QRious !== "undefined") {
              new QRious({
                element: qrEl,
                value: article.url,
                foreground: "#183081",
                level: "M",
                size: 200,
              });
            }
          }
          delete window.getNewsDetailCallback;
        };
        ZBJTJSBridge.invoke("getNewsDetail", "", "getNewsDetailCallback");
      }
    </script>
  </body>
</html>

花朝春时｜马跃芳辰，2026静安花朝节邀你共赴春日盛宴！

<div class="creator-platform-content"><p><img src="https://mc-gxlmmz-public.8531.cn/16763629214728.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2NTM5NDkyMTU4MTIucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=3244&amp;height=5444&amp;size=6106340"></p><p><br></p><p><br></p><p>春有约，花不误，岁岁年年不相负。当春风轻拂过上海的街巷，一场关于花的浪漫约定正悄然酝酿——2026静安花朝节，将于3月14日至3月29日在大宁公园盛大启幕！这不仅是一场视觉与嗅觉的双重盛宴，更是一次穿越古今的文化之旅，邀您共赏春日芳华，感受传统与现代的完美交融。</p><p><img src="https://mc-gxlmmz-public.8531.cn/16763629231048.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2NTM5NDkyMTU4MTIucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=3244&amp;height=5444&amp;size=6144854"></p><p><br></p><p>花朝节：古韵今风，共庆春日</p><p><br></p><p>花朝节，自古便是中华民族的传统节日，俗称“花神节”“百花生日”，是纪念百花诞辰的日子。在这一天，人们踏青赏花、祈福许愿，寄托对美好生活的向往。而今，静安花朝节以全新的姿态回归，将传统习俗与现代生活巧妙结合，让古老的文化焕发出新的生机与活力。</p><p><br></p><p>大宁公园：春色满园，花海如潮</p><p><img src="https://mc-gxlmmz-public.8531.cn/16763629246472.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2NTM5NDkyMTU4MTIucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=3244&amp;height=5444&amp;size=4303847"></p><p><img src="https://mc-gxlmmz-public.8531.cn/16763629261320.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2NTM5NDkyMTU4MTIucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=2584&amp;height=4340&amp;size=4649757"></p><p><br></p><p>作为本次花朝节的主会场，大宁公园早已换上春日盛装，静候八方来客。漫步园中，只见樱花烂漫、桃花娇艳、郁金香绚烂……各色花卉争奇斗艳，仿佛一幅流动的春日画卷。更有精心布置的花艺景观，将自然之美与人文之韵完美融合，让人流连忘返。</p><p><img src="https://mc-gxlmmz-public.8531.cn/16763629278216.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2NTM5NDkyMTU4MTIucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=2584&amp;height=4340&amp;size=6510614"></p><p><img src="https://mc-gxlmmz-public.8531.cn/16763629295176.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2NTM5NDkyMTU4MTIucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=2584&amp;height=4340&amp;size=6382586"></p><p><br></p><p>马跃芳辰：非遗表演，惊艳亮相</p><p><br></p><p>除了绚烂的花海，本次花朝节还特别引入了非遗表演——“马跃芳辰”。骏马奔腾，舞者轻盈，两者在春日阳光下交相辉映，演绎出一场力与美的视觉盛宴。这不仅是对传统文化的致敬，更是对春日生机与活力的最好诠释。观众们将有机会近距离感受这一非遗项目的独特魅力，领略中华文化的博大精深。</p><p><img src="https://mc-gxlmmz-public.8531.cn/16763629312904.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2NTM5NDkyMTU4MTIucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=2584&amp;height=4340&amp;size=4649757"></p><p><img src="https://mc-gxlmmz-public.8531.cn/16763629328264.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2NTM5NDkyMTU4MTIucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=3244&amp;height=5444&amp;size=3740740"></p><p><br></p><p><br></p><p>互动体验：沉浸式感受花朝文化</p><p><br></p><p>为了让游客更深入地体验花朝文化，主办方还精心策划了一系列互动活动。从花神巡游、汉服体验到手工花艺制作，每一项活动都充满了趣味性与参与性。无论是大人还是孩子，都能在这里找到属于自己的乐趣，感受传统文化的独特魅力。</p><p><br></p><p>美食市集：舌尖上的春日之旅</p><p><br></p><p>逛累了，不妨去美食市集逛逛。这里汇聚了各地特色小吃与春日限定美食，从香甜的樱花饼到清新的青团，每一口都是对味蕾的极致诱惑。在享受美食的同时，还能感受春日的温暖与惬意，让身心得到彻底的放松。</p><p><img src="https://mc-gxlmmz-public.8531.cn/16763629344520.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2NTM5NDkyMTU4MTIucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=3244&amp;height=5444&amp;size=6875993"></p><p><img src="https://mc-gxlmmz-public.8531.cn/16763629360008.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2NTM5NDkyMTU4MTIucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=3244&amp;height=5444&amp;size=3942731"></p><p><img src="https://mc-gxlmmz-public.8531.cn/16763629373384.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2NTM5NDkyMTU4MTIucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=3244&amp;height=5444&amp;size=5246740"></p><p><br></p><p><br></p><p>结语：不负春光，共赴花朝之约</p><p><br></p><p>在这个春意盎然的季节里，让我们相约大宁公园，共赴这场花朝之约。无论是赏花、看表演、参与互动还是品尝美食，这里都有属于你的那份惊喜与感动。2026静安花朝节，等你来赴一场春日的浪漫之约！</p><p><img src="https://mc-gxlmmz-public.8531.cn/16763629388104.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2NTM5NDkyMTU4MTIucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=3244&amp;height=5444&amp;size=6144854"></p><p><img src="https://mc-gxlmmz-public.8531.cn/16763629402888.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2NTM5NDkyMTU4MTIucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=3244&amp;height=5444&amp;size=6106340"></p><p><img src="https://mc-gxlmmz-public.8531.cn/16763629419336.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2NTM5NDkyMTU4MTIucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=3244&amp;height=5444&amp;size=6526510"></p><p><br></p><p>活动时间：2026年3月14日—3月29日</p><p><br></p><p>活动地点：大宁公园</p><p><br></p><p>温馨提示：请提前规划好行程，遵守园区规定，文明赏花，共同维护这片美丽的春日花园。</p><p><br></p><p>春日不等人，花朝更需惜。快来加入我们，一起感受这份来自春天的浪漫与美好吧！</p></div>

<!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年静安朝花节开幕了，伴随着郁金香🌷的盛开，游人如织，让大宁公园热闹非凡。#海大游#

✨市区隐藏的彩虹花田
谁懂啊！在小区附近挖到这片郁金香海洋🌊 黄的像小太阳☀️粉的像棉花糖🍬 站在花田里感觉自己是童话里的公主👑 连空气都飘着甜甜的花香～
📸拍照机位大公开
- 蹲在黄色花区仰拍！背后的居民楼秒变ins风背景板🏙️

💬姐妹们快@你的拍照搭子 花期就这两周 错过等一年啊！👉你最喜欢哪种颜色的郁金香？
#春日赏花#城市浪漫 #郁金香拍照 #周末去哪儿

🌷又到大宁公园郁金香绽放时， 漫步花海间，人潮虽如浪， 却总能在某一朵前驻足， 感受那份静谧与美好。 无需喧嚣，不必张扬， 花自盛开，清风自来。 在这片绚烂中，寻一份内心的安宁， 或许，这就是春天最温柔的模样。🍃 （悄悄说，人少的时候来，更有一番风味哦~）#春日休闲##大宁公园##郁金香#

水乡，那是一幅如诗的画卷。清澈的河水静静流淌，悠悠小船摇曳其间。白墙黑瓦的屋舍错落有致，倒映在波光粼粼的水面上。微风拂过，带来阵阵湿润的气息，让人仿佛置身于宁静而美好的世外桃源。

好摄之友

3月5日｜让雷锋精神在新时代绽放更耀眼的光芒

<div class="creator-platform-content"><p><img src="https://mc-gxlmmz-public.8531.cn/16682185055812.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTY2NTM5NDkyMTU4MTIucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=800&amp;height=1734&amp;size=89509"></p><p>向雷锋同志学习， 毛泽东題词</p><p>3月5日，一个被岁月镌刻的日子，一个让无数人心中涌起温暖与力量的日子——学雷锋纪念日。雷锋，这个平凡而伟大的名字，如同一座不朽的灯塔，照亮了一代又一代中国人前行的道路。</p><p><br></p><p>雷锋精神，永不褪色的精神坐标</p><p><br></p><p>雷锋，一位普通的解放军战士，却用他短暂而光辉的一生，诠释了什么是无私奉献、什么是助人为乐、什么是爱岗敬业。他走到哪里，就把好事做到哪里，把温暖带到哪里。从帮战友洗衣服、补鞋子，到利用休息时间帮工地推砖运瓦；从冒雨护送陌生大娘回家，到省吃俭用把积攒的钱捐给灾区……雷锋的每一个善举，都如同一颗颗爱的种子，播撒在人们心间，生根发芽，长成参天大树。</p><p><br></p><p>雷锋精神，是中华民族传统美德的集中体现，是社会主义核心价值观的生动实践。它跨越时空，历久弥新，激励着无数中华儿女在各自的岗位上默默耕耘、无私奉献。无论是抗疫一线的白衣天使，还是抗洪救灾的英勇战士；无论是扎根基层的扶贫干部，还是默默奉献的志愿者……他们都是新时代的雷锋，用自己的行动诠释着雷锋精神的内涵。</p><p><br></p><p>新时代，雷锋精神的新诠释</p><p><br></p><p>在新时代，雷锋精神被赋予了新的内涵和意义。它不再局限于做好事、帮他人，更体现在对社会的责任担当、对国家的忠诚奉献、对理想的执着追求上。</p><p><br></p><p>在科技领域，无数科研工作者夜以继日、攻坚克难，为国家的科技进步和创新发展贡献着自己的智慧和力量。他们像雷锋一样，不计较个人得失，只为了心中的那份信念和追求。</p><p><br></p><p>在教育领域，广大教师默默耕耘、无私奉献，用爱心和智慧点亮了学生的未来。他们像雷锋一样，把关爱和温暖传递给每一个学生，让他们在知识的海洋中遨游成长。</p><p><br></p><p>在环保领域，无数环保志愿者积极行动、倡导绿色生活，为保护地球家园贡献着自己的力量。他们像雷锋一样，从身边小事做起，用实际行动践行着环保理念。</p><p><br></p><p>践行雷锋精神，从身边小事做起</p><p><br></p><p>学习雷锋精神，不一定要做出惊天动地的大事。在日常生活中，我们每个人都可以成为雷锋精神的践行者。</p><p><br></p><p>当看到老人过马路时，主动上前搀扶；当看到地上有垃圾时，随手捡起扔进垃圾桶；当同事遇到困难时，伸出援手给予帮助；当社区组织志愿服务活动时，积极参与其中……这些看似微不足道的小事，却都是雷锋精神的具体体现。</p><p><br></p><p>我们还可以将雷锋精神融入到工作中。对待工作认真负责、精益求精；对待同事团结协作、互帮互助；对待客户热情周到、诚信服务……这些良好的职业操守和行为习惯，也是雷锋精神在工作中的延伸和拓展。</p><p><br></p><p>让雷锋精神代代相传</p><p><br></p><p>雷锋精神是一面永不褪色的旗帜，是一座永放光芒的灯塔。我们要把学习雷锋精神作为一种精神追求和行为习惯，让雷锋精神在新时代绽放更加耀眼的光芒。</p><p><br></p><p>作为家长，我们要以身作则、言传身教，引导孩子从小树立正确的价值观和人生观，培养他们的社会责任感和奉献精神。</p><p><br></p><p>作为学校，要加强雷锋精神的教育和宣传，通过开展主题班会、志愿服务活动等形式，让学生在实践中感受雷锋精神的魅力，将雷锋精神内化于心、外化于行。</p><p><br></p><p>作为社会各界，要共同营造学习雷锋精神的良好氛围，通过媒体宣传、榜样引领等方式，激发更多人学习雷锋、争做雷锋的热情和动力。</p><p><br></p><p>3月5日，是学雷锋纪念日。但学习雷锋精神不应仅仅局限于这一天，而应成为我们每个人的日常行为和自觉追求。让我们携手共进、共同努力，让雷锋精神在新时代绽放更加璀璨的光芒！</p></div>

✨农村夜晚也太治愈了吧！🌙路灯下的人影，远处星星点点的光，是家的方向呀～😌这平淡的小日子，藏着最踏实的温暖！
乡村夜生活，年味就在烟花璀璨夺目光中。
#乡村夜生活##年昧传承#

#疆大域#  红星闪耀的岁月记忆：探寻历史深处的温度✨**

“故人西辞黄鹤楼，烟花三月下扬州。”古人以诗意描绘离别与远方，而今我站在红星二厂的地窝子前，仿佛听见了那段激情燃烧的岁月低语。这不仅仅是一座房子，更是几代人屯垦戍边的历史见证。🌟  

房顶上那颗鲜艳的红五星，像是凝固的时间，诉说着曾经的热血与奉献。它见证了风沙的侵袭，也目睹了丰收的喜悦；它承载了建设者的汗水，也铭刻了家国的情怀。