惊蛰

雨水

立春

潮圈未来探索家

大寒

公益学习达人

小寒

冬至

大雪

中式美学达人

小雪

立冬

霜降

寒露

潮圈显眼包

秋分

白露

处暑

立秋

大暑

小暑

夏至 

芒种

小满

立夏

谷雨

春日读书会

清明

春分

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>

高考加油！百年学府浙江理工大学等你奔赴锦绣前程！

<!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月27日-6月3日浙江理工大学举行六届二次教职工代表大会、工会会员代表大会

用一帧帧拼豆，记录浙理工的四季与我的四年。

镜头定格盛夏瞬间 以你之名，落款滚烫青春把少年意气，写给前路远方。下一站，一起奔赴璀璨未来我们都要闪闪发光！

视觉盛宴浙理时尚周，大片来袭！

<div class="creator-platform-content"><p>2026第六届浙理时尚周来了</p><p>从一针一线到一衣一世界</p><p>从东方哲思到西式匠心</p><p>2026届毕业设计动态展</p><p>「理想体」与「共生」相继启幕</p><p>以衣为镜，让理想“有体”</p><p>以艺为桥，让共生“有序”</p><p>多场大秀，一种执着</p><p>让时装从遮蔽走向表达</p><p>从穿戴走向对话</p><p>镜头已就位</p><p>邀你共赴这场时尚的思想对话</p><p>理 想 体 · 观 我</p><p><img src="https://mc-gxlmmz-public.8531.cn/17146665952329.jpg?width=905&amp;height=1280&amp;size=229313"></p><p>服装学院服装与服饰设计专业2026届本科生毕业设计动态展在临平校区表演厅举行。本次展演以「理想体·观我」为主题，核心特色在于将“让看不见的，被看见”的哲学追问转化为可穿戴的设计语言， 全面呈现设计伦理、绿色实践与自我表达深度融合的教学创新成果。展演重新诠释“观我”的精神起点：“观”为又见，是重返本心的自我追索；“我”含手戈，寓意柔软与锋芒的矛盾共生。设计师以衣为镜，向内观照、向外对话，使服装不再只是穿着的物件，而成为思想的具象化落地。展演还引入生物基材料与可溯源环保纱线，将地域文化与生态叙事织入每一件作品，通过可持续材料的创意剪裁与情绪价值的深层共鸣，演绎“理想有体、自我有形”的当代时尚哲思。</p><p>展演引入生物基材料与可溯源环保纱线，将地域文化与生态叙事织入每一件作品，通过可持续材料的创意剪裁与情绪价值的深层共鸣，演绎“理想有体、自我有形”的当代时尚哲思。</p><p><img src="https://mc-gxlmmz-public.8531.cn/17146665949893.jpg?width=1080&amp;height=720&amp;size=57568"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146665950857.jpg?width=1080&amp;height=1620&amp;size=200282"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146665952069.jpg?width=1080&amp;height=719&amp;size=75553"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146665947013.jpg?width=720&amp;height=1080&amp;size=62642"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146665985285.jpg?width=1080&amp;height=720&amp;size=128148"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146665981893.jpg?width=1080&amp;height=1620&amp;size=139951"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146665988681.jpg?width=1080&amp;height=1620&amp;size=129671"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146665991493.jpg?width=720&amp;height=1080&amp;size=93513"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146665991625.jpg?width=1080&amp;height=1620&amp;size=117398"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666014725.jpg?width=720&amp;height=1080&amp;size=80526"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666020677.jpg?width=720&amp;height=1080&amp;size=83830"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666026377.jpg?width=1080&amp;height=720&amp;size=108406"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666024905.jpg?width=1080&amp;height=1620&amp;size=139093"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666032453.jpg?width=1080&amp;height=1620&amp;size=115408"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666044937.jpg?width=720&amp;height=1080&amp;size=94592"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666058441.jpg?width=720&amp;height=1080&amp;size=71038"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666059717.jpg?width=720&amp;height=1080&amp;size=98085"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666072521.jpg?width=1080&amp;height=1620&amp;size=155980"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666075141.jpg?width=720&amp;height=1080&amp;size=124789"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666087369.jpg?width=1080&amp;height=720&amp;size=51997"></p><p>理 想 体 · 裁 · 体</p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666080073.jpg?width=1080&amp;height=1527&amp;size=241112"></p><p>第六届山下湖珍珠大会启幕仪式现场，浙江理工大学服装学院2026届研究生毕业大秀以「理想体·裁·体」为主题惊艳亮相。30余名中外模特身着研究生设计的潮流服饰，佩戴200余件“诸暨造”珍珠首饰，将“会场”变为“秀场”。本次毕业设计围绕人体结构、材质运用与空间感知展开创作，汇聚113位研究生的300余份原创作品，涵盖服装成衣、文创产品、数字虚拟作品等。学子们以新中式、花神文化等多元设计，将传统纹样与珍珠元素进行现代化重构，从创意构思到舞台呈现全部自主完成。</p><p>宋代美学与当代潮流的交织间，珍珠的温润与服装的廓形相得益彰，既展现了新生代设计力量，也以全新的场景叙事重构珍珠消费体验，为“中国珍珠之都”注入鲜活时尚动能，成为产教融合服务地方特色产业的生动实践。</p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666092357.jpg?width=1080&amp;height=720&amp;size=52458"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666093637.jpg?width=720&amp;height=1080&amp;size=90148"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666108617.jpg?width=720&amp;height=1080&amp;size=87199"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666111109.jpg?width=720&amp;height=1080&amp;size=71381"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666114057.jpg?width=720&amp;height=1080&amp;size=80880"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666121605.jpg?width=720&amp;height=1080&amp;size=78487"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666134857.jpg?width=1080&amp;height=720&amp;size=102937"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666152009.jpg?width=720&amp;height=1080&amp;size=74324"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666144073.jpg?width=720&amp;height=1080&amp;size=85903"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666146437.jpg?width=720&amp;height=1080&amp;size=85160"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666152201.jpg?width=720&amp;height=1080&amp;size=66322"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666153545.jpg?width=720&amp;height=1080&amp;size=67390"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666193801.jpg?width=1080&amp;height=720&amp;size=90502"></p><p>共 生</p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666186185.jpg?width=1080&amp;height=1920&amp;size=534024"></p><p>马兰戈尼时尚设计学院（国际时装技术学院）2026届毕业设计动态展在临平校区学生活动中心相继启幕。本次展演以「共生」为主题，由中法合作服装与服饰设计专业首届毕业大秀与中美合作服装与服饰设计专业毕业秀共同构成。</p><p>服装与服饰设计专业（中法合作）的毕业首秀立足“高级成衣”定位，将欧洲教学体系与中国设计思想相融汇——以代表“慎终追远”价值观的方圆图示转译为服装语言，拆解形、纹、质、色与版型、面料、制成十二个设计要点，强化“统筹工艺”训练。16名毕业生携60套成熟设计作品登台，每一个细节浸润着对设计伦理与文化根脉的思考，将“共生”主题演绎为流动的叙事界面。</p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666191429.jpg?width=1080&amp;height=720&amp;size=142851"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666250249.jpg?width=720&amp;height=1080&amp;size=81291"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666193929.jpg?width=479&amp;height=719&amp;size=40571"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666226633.jpg?width=1080&amp;height=1621&amp;size=215820"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666220997.jpg?width=720&amp;height=1080&amp;size=105816"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666228101.jpg?width=1080&amp;height=1621&amp;size=114861"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666229893.jpg?width=720&amp;height=1080&amp;size=91646"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666229129.jpg?width=720&amp;height=1080&amp;size=147337"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666261641.jpg?width=1080&amp;height=1620&amp;size=151941"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666261833.jpg?width=1080&amp;height=1620&amp;size=210209"></p><p>服装与服饰设计专业（中美合作）毕业大秀「共生·迭归」以“迭·源变”“归·合鸣”“迭·织码”“归·礼序”四个系列展开文化根脉与时代语境的深度对话——解构与重构、手工温度与数字肌理、东方意象与西方剪裁在此交织共生。98名毕业生携104套作品，韩国汉阳大学等国际时尚院校的优秀学生作品同台联展，不同文化背景下的设计理念交汇碰撞，共同绘制跨越国界的时尚画卷。</p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666266373.jpg?width=1080&amp;height=719&amp;size=122235"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666265669.jpg?width=1080&amp;height=1620&amp;size=219864"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666272453.jpg?width=1080&amp;height=1658&amp;size=350315"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666290057.jpg?width=1080&amp;height=1620&amp;size=212491"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666298441.jpg?width=1080&amp;height=1619&amp;size=255014"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666299209.jpg?width=1080&amp;height=1620&amp;size=196350"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666301317.jpg?width=1080&amp;height=1619&amp;size=227737"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666299273.jpg?width=1080&amp;height=1619&amp;size=226800"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666305801.jpg?width=1080&amp;height=1620&amp;size=222425"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666328265.jpg?width=1080&amp;height=1620&amp;size=202719"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666332937.jpg?width=1080&amp;height=1621&amp;size=233195"></p><p>理 想 体 · 以 我 之 名</p><p>服装学院2026届表演（时装表演艺术）专业毕业汇演在临平校区小剧场圆满落幕。本场演出以 “以我之名（My Name, My Self）” 为核心主题，完整拆解了个体在社会焦虑、外界评判与自我否定的多重枷锁中不断探索、觉醒、抗争，直至实现自我认同与内心和解的心路历程。</p><p>演出以五个篇章层层递进：开场秀《失序魅影》于混沌中挣扎叩问真我；古典舞《梦镜辞》于古韵中回溯寻找本我；舞台剧《This Is Me》于偏见中破局接纳自我；小组唱《为我而歌》于音符间燃烧定义自我；主题走秀《My Name》于旋律中呐喊明确自我。从水袖翩跹到高光T台，毕业生们以极具张力的肢体语言、真挚的表演与自信的步伐，完成了一场关于成长、勇气与和解的情感共振。这场汇演不仅是时装表演艺术专业教学实力的集中展示，更深刻回应了“培养什么人、怎样培养人、为谁培养人”的时代命题。</p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666336713.jpg?width=1080&amp;height=1621&amp;size=225968"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666339017.jpg?width=1080&amp;height=730&amp;size=80673"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666339593.jpg?width=1080&amp;height=720&amp;size=72258"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666362629.jpg?width=1080&amp;height=721&amp;size=104562"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666368197.jpg?width=1080&amp;height=721&amp;size=89189"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666393797.jpg?width=1080&amp;height=721&amp;size=75576"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666376325.jpg?width=1080&amp;height=719&amp;size=113602"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666374153.jpg?width=1080&amp;height=720&amp;size=90143"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666375493.jpg?width=1080&amp;height=720&amp;size=101046"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666392329.jpg?width=1080&amp;height=719&amp;size=75413"></p><p>2026中国国际大学生时装周</p><p>浙江理工大学服装学院2026届毕业作品受邀亮相2026中国国际大学生时装周，这是学校第13年受邀参展，于北京798·751园区第一车间展演，展现新生代设计师的原创实力与产教融合育人成果。</p><p><br></p><p>浙江理工大学服装学院获</p><p>2026中国国际大学生时装周人才培养成果奖</p><p>2026年度时装设计“育人奖”</p><p>李琴、蒋彦获</p><p>第31届时装设计新人奖“优秀指导教师奖”</p><p>张新怡获</p><p>第31届时装设计“新人奖”</p><p>王珂蕺获</p><p>第31届时装设计新人奖“优秀奖”</p><p>孙艺恬获</p><p>2026中国国际大学生时装周专项奖·风格与创意奖</p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666401161.jpg?width=984&amp;height=988&amp;size=873043"></p><p>▲2026中国国际大学生时装周人才培养成果奖</p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666411333.jpg?width=1080&amp;height=720&amp;size=106173"></p><p>▲2026年度时装设计“育人奖”</p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666411849.jpg?width=1080&amp;height=720&amp;size=111889"></p><p>▲第31届时装设计新人奖“优秀指导教师奖”</p><p>▲学生获奖展示</p><p><br></p><p><br></p><p>让我们一睹中国国际大学生时装周上的</p><p>浙理工风采</p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666411845.jpg?width=500&amp;height=484&amp;size=12935"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666432649.jpg?width=1080&amp;height=1620&amp;size=1311599"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666437065.jpg?width=1080&amp;height=1620&amp;size=131989"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666439497.jpg?width=1080&amp;height=720&amp;size=72035"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666446217.jpg?width=1080&amp;height=1620&amp;size=112604"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666450185.jpg?width=1080&amp;height=1620&amp;size=177815"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666452809.jpg?width=1080&amp;height=720&amp;size=65012"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666488069.jpg?width=1080&amp;height=1620&amp;size=136437"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666471753.jpg?width=1080&amp;height=1620&amp;size=138386"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666477065.jpg?width=1080&amp;height=1620&amp;size=111307"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666484105.jpg?width=1080&amp;height=720&amp;size=83780"></p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666485573.jpg?width=1080&amp;height=720&amp;size=81007"></p><p>时尚从不设限，创意终将破界</p><p>让哲学穿上身，让文化跨过海</p><p>一内一外，一衣一界</p><p>浙理工学子用大秀证明</p><p>设计的力量，在于</p><p>让看不见的被看见，让不相通的开始相通</p><p>秀场直击，每一帧都是惊艳名场面！</p><p>哪一件作品让你一眼心动？</p><p>欢迎在评论区留言，Pick你心中的最佳设计~</p><p><img src="https://mc-gxlmmz-public.8531.cn/17146666488841.jpg?width=500&amp;height=348&amp;size=87448"></p><p>内容来源 | 服装学院、马兰戈尼时尚设计学院（国际时装技术学院）</p><p>通讯员 | 郑肇桦、汤曹辉</p><p>编辑 | 赵一</p><p>初审 | 柴燕婷</p><p>复审 |&nbsp;张若娴</p><p>终审 | 周照东</p><p>转载请注明来源：浙江理工大学</p></div>

【“青锋”机关青年说·第四季第3期】研究生院、党委研究生工作部《守学位初心，护研途远航  》

“建行杯”浙江省国际大学生创新大赛启动，浙江理工大学“文物医生”团队现场分享，团队负责人邓烨丰现场接受浙江卫视采访，介绍学校双创工作、平台支撑等

以青春之名，为梦想助威！愿你全力以赴，沉着应战，带着热爱奔赴下一程山海，浙江理工大学欢迎你！视频制作：陈胜杰、蒲令芝

美爆啦！“爱在浙理”2026校园爱情摄影最美瞬间回顾