<!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;
    }

    img {
      vertical-align: middle;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    body {
      font-family: "PingFangSC-Regular", "PingFang SC";
      position: relative;
      background-color: #FBFCFF;  
      /* height: 1000px; */
    }

    .container {
      padding: 30.1333vw 5.8667vw 8.8vw;
      background: url('https://app-stc.zjol.com.cn/card-share/subject/subject_bg.png') no-repeat top center / 100% auto;
    }

    .card {
      /* border-radius: 6px; */
      /* filter: drop-shadow(0px 3px 15px 0px ); */
      filter: drop-shadow(0px 0px 15px rgba(0, 92, 217, 0.27));
    }

    .card-top {
      border-top-left-radius: 1.6vw;
      border-top-right-radius: 1.6vw;
      /* overflow: hidden; */
      /* height: 200px; */
      background: white;
      /* box-shadow: 0px 3px 15px 0px rgba(0, 92, 217, 0.27); */

    }

    .cover {
      position: relative;
      height: auto;
      padding: 2.1333vw 2.1333vw 0;
      background: linear-gradient(to bottom, #3C9AFC 0%, rgba(255, 255, 255, 0.95) 100%) no-repeat top left / 100% 90%;
      overflow: hidden;
      border-top-left-radius: 1.6vw;
      border-top-right-radius: 1.6vw;
    }

    .subject-tag {
      position: absolute;
      left: 2.1333vw;
      bottom: 0;
      width: 20.8vw;
      height: 9.8667vw;
    }

    .cover-img {
      border-radius: 1.6vw;
      border-bottom-left-radius: 0;
      overflow: hidden;

      width: 100%;
      height: 100%;
    }

    .title {
      padding: 4vw 5.0667vw 0;
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 6.1333vw;
      color: #151515;
      line-height: 8.2667vw;

      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    .card>img {
      display: block;
      height: auto;
    }

    .parting_line {
      margin-top: -1px;
      margin-bottom: -1px;
    }

    .bottom_line {
      margin-top: -1px;
    }

    .card-bottom {
      background-color: white;
      padding-right: 5.3333vw;
      /* box-shadow: 0px 3px 15px 0px rgba(0, 92, 217, 0.27); */

    }

    .article-item {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      padding-left: 8vw;
      position: relative;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 4vw;
      color: #151515;
      line-height: 5.8667vw;
      margin-bottom: 4vw;
    }

    .article-item:last-child {
      margin-bottom: 0;
    }

    .article-item::before {
      display: block;
      content: '';
      height: 1.0667vw;
      width: 1.0667vw;
      background-color: #151515;
      border-radius: 50%;
      position: absolute;
      /* left: -3.2vw; */
      left: 5.3333vw;
      top: 2.4vw;
    }

    .footer {
      position: relative;
      height: 11.7333vw;
      margin-top: 4vw;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
    }

    .footer .legend {
      line-height: 8vw;
      font-size: 3.4667vw;
      color: #151515;
      border-bottom: 0.2px solid rgba(20, 20, 20, 0.5);
    }

    .footer .qr-area {
      display: flex;
      height: 11.7333vw;
    }

    .footer .qr-area .left {
      align-self: flex-end;
      margin-right: 1.6vw;
      font-size: 3.4667vw;
      line-height: 5.0667vw;
      color: #999;
    }

    .footer .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: 3.2vw;
      height: 3.2vw;
      border: 1px solid #fff;
      border-radius: .8vw;
    }
  </style>
  <script src="https://app-stc.zjol.com.cn/qrious.min.js"></script>
</head>

<body>
  <div class="container">
    <div class="card">
      <div class="card-top">
        <div class="cover">
          <img class="cover-img" />
          <img class="subject-tag" alt=""
            src="data:image/png;base64,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">
        </div>
        <h1 class="title"></h1>
      </div>
      <img class="parting_line" src="https://app-stc.zjol.com.cn/card-share/subject/noshadow_parting_line.png" />
      <div class="card-bottom">
      </div>
      <img class="bottom_line" src="https://app-stc.zjol.com.cn/card-share/subject/noshadow_bottom.png" />
    </div>
    <div class="footer">
      <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 cover = document.querySelector('body > div.container > div.card > div.card-top > div > img.cover-img')
          cover.src = article.article_pic

          const title = document.querySelector('body > div.container > div.card > div.card-top > h1')
          title.textContent = article.list_title || article.doc_title

          let articles = []
          if (article.list_style == 50) {
            if (article.subject_article_list && article.subject_article_list.length > 0) {
              articles = article.subject_article_list.slice(0, 3) || []
            }
          } else if (article.subject_groups && article.subject_groups.length > 0) {
            let len = 3
            for (let index = 0; index < article.subject_groups.length; index++) {
              const element = article.subject_groups[index];
              if (element && element.group_articles && element.group_articles.length > 0) {
                articles = articles.concat(element.group_articles.slice(0, len))
              }
              len = 3 - articles.length
              if (len <= 0) {
                break
              }
            }
          }

          if (articles.length > 0) {
            // 稿件
            const articleListEl = document.querySelector('body > div.container > div.card > div.card-bottom')
            for (let index = 0; index < articles.length; index++) {
              const subArticle = articles[index]
              // 创建新的父元素
              const articleEl = document.createElement('div');
              // 为父元素设置类名
              articleEl.classList.add('article-item');
              articleEl.setAttribute('key', `${subArticle.id}-${index}`);
              articleEl.textContent = subArticle.list_title || subArticle.doc_title
              articleListEl.appendChild(articleEl)
            }
          }

          // 二维码
          const qrEl = document.querySelector("body > div.container > div.footer > 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: 4;
        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;
              const published_at = article.doc_type == 8 ? article.live_start : article.published_at
              if (published_at) {
                const date = new Date(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>

浙医精技，浙里心安

大家好，今天我们来聊一个有点沉重但又非常现实的话题，关于老年肿瘤患者和他们的治疗选择。我们常常看到这样一种情况，就是抗肿瘤治疗一套组合拳下来，结果肿瘤可能还没被完全消灭，老人却先倒在了毒副反应上。

没错，这其实揭露了老年肿瘤治疗中一个非常核心的矛盾点。就像我们最近看到的一个案例，88岁的徐奶奶，两年里每隔21天就要坐高铁去大医院复诊，化疗、靶向药轮番上，结果双手乌黑，肝肾功能都受损了。最后换放疗，照到腹部疼得直接去了急诊，真的是让人心疼。

是啊，对徐奶奶的女儿来说，一边是母亲强烈的求生本能，一边是治疗带来的巨大痛苦，她夹在中间肯定心力交瘁。这背后其实是一个很普遍的问题，因为老年肿瘤的发病率占了所有肿瘤的70%左右。

70%啊，这个比例非常高。浙江医院肿瘤科的吴稚冰教授就解释过一个关键点，他说老年肿瘤患者往往不只有肿瘤一个病，他们可能合并糖尿病、慢阻肺、慢性肾病，甚至肌肉减少症。所以，他们的身体底子就像一片森林，肿瘤只是其中一棵树，我们不能只盯着这棵树，而忽略了整片森林。

这个比喻太形象了。其实，从免疫学角度看，60岁以后，我们身体里负责制造T细胞的胸腺就萎缩了，T细胞的库存和活力都大大下降，这叫“免疫衰老”。相当于你身体里的免疫警察数量少了，战斗力也弱了，根本经不起猛烈的治疗。

所以，这里就引出了一个非常重要的观念转变：判断治疗有没有效果，不应该只看肿瘤大小变化。吴教授就特别强调，更要看患者精神怎么样，能不能吃饭，能不能自己下床，生活质量才是关键。

对，说到生活质量，我们再看另一个案例，同样是晚期肠癌的戴女士。她之前手术、化疗、靶向治疗都做了，但肿瘤还是复发，人也很痛苦，乏力、没食欲、胸闷。后来她找到了吴稚冰教授团队，采用了多模态疗法。

这个多模态疗法听起来挺专业的。简单说，它不是单纯地追求用什么方法去精准地消灭肿瘤，而是通过调控免疫系统，改善肿瘤内部的微环境，目标是用最小的副作用，实现高质量的带瘤生存。

结果就很不一样了。戴女士现在可以正常下楼散步，自己做饭，跟家人聊天。她重拾的远不止是一份肿瘤稳定的报告，而是那种久违的生活感。这其实就是把肿瘤当成一个慢性病，像管理高血压、糖尿病一样去管理它，在控制疾病的同时，让患者保有生活。

没错。所以吴教授他们的做法是，会给老年患者做一套非常全面的评估，包括营养、衰弱程度、肌肉量、睡眠、疼痛等等，多学科一起参与进来，先把老人的身体底子打好，让他们有体力去应对后续的治疗。

那么，针对一些难治的情况，有没有什么新方法呢？我们接下来聊一个听起来有点科幻的技术。有一位72岁的唐先生，前列腺癌晚期，手术、化疗、放疗都试过了，病情还是反反复复，一个叫PSA的指标一直很高。最后他从黑龙江跑到杭州，在浙江医院接受了一种叫“红外全身热疗”的临床研究。

对，很多人一听“热疗”两个字，第一反应就是“高温烫死癌细胞”。吴稚冰教授特别指出，这是一个很大的误区。唐先生做的这个红外全身热疗，是把体温精准地控制在38.5℃到39℃，就像让身体自己发一次烧。

哦，原来不是高温去“烫”，而是模拟发烧的状态。那这个发烧状态起什么作用呢？

这就很有意思了。肿瘤在生长过程中，会形成一个“高压、高酸、缺氧”的恶劣环境，像一个又高又厚的堡垒，药物进不去，就算进去了，我们的免疫T细胞也会被“传染”得失去功能。而通过这种温和的全身热疗，能让身体对抗肿瘤的战斗力恢复不少，等于把堡垒的大门打开，为后续的免疫治疗、靶向治疗等联合手段提供更有利的基础。唐先生做完一个疗程后，他的PSA指标就出现了大幅下降。

这确实给多线治疗失败的患者带来了新希望。那哪些人适合这种热疗呢？

吴教授说，目前他们的研究主要聚焦在肺癌、消化道肿瘤和前列腺癌。特别是对于老年患者，在接受化疗、靶向或免疫治疗后效果不好，或者身体实在耐受不了的时候，可以考虑全面评估后尝试。不过，如果有极度营养不良、消化道出血或急性感染等情况，就不太适合了。

对，任何治疗都是有前提的。总的来说，从徐奶奶的遭遇到戴女士、唐先生的新方案，我们能看到，老年肿瘤治疗的理念正在发生深刻的变化。它不再是一个简单的“杀灭”过程，而是一个全面的、个体化的综合管理。

是的，核心就是回归到“人”本身，而不是只盯着“肿瘤”。通过多模态的整合治疗，像这种温热疗法一样，带着温度去探索，让老年肿瘤患者能够走出一条更从容、更持久，也更有尊严的希望之路。这才是真正的进步。

暖阳

云舟

不硬追求“治愈”，老年肿瘤换一种解法，留住吃饭散步的幸福

共潮抗癌

15岁男孩惊现“剃刀背”，家长：原以为只是玩手机姿势不好

15 岁男孩惊现 “剃刀背”，家长：原以为只是玩手机姿势不好

健闻

你有没有发现，家里的老人一旦开始吃得少、没力气，整个人的状态就像雪崩一样，垮得特别快？

没错，很多时候我们可能觉得人老了就是这样，是正常的。但今天这个故事告诉我们，这背后可能隐藏着一个叫“肌少症”的老年综合征，而且是可以干预的。

故事的主人公是93岁的徐阿姨，她是位退休教师，住在上海。今年三四月份，她突然就吃不下东西了，吞东西都费劲。小女儿变着花样做饭，她也只肯喝几口稀饭，一点油腥都不碰。

体重从116斤掉到90多斤，整天躺在床上不想动。家人特别着急，住院也住了，检查也查了，但出院回家还是老样子。这其实就是个危险信号：吃不下导致活动减少，活动少胃口更差，肌肉流失得更快，一个恶性循环就转起来了。

转折点出现在6月底，徐阿姨的大女儿偶然在潮新闻的直播间看到一场讲座，主题就是《胖身板不等于肌肉足，老年人别忽视肌少症》。主讲人是浙江医院副院长陈新宇教授。

陈新宇教授在直播里打了个比方，说肌肉就像身体的“弹簧床垫”，你站着、走路、起身，全靠它支撑。如果肌肉流失了，这个“弹簧”就坏了。很多老人觉得浑身乏力、走路发飘，其实就是肌肉量在持续下降。

大女儿一听，觉得条条都跟母亲的情况对得上，马上把直播链接转给了在上海的妹妹，然后联系上了陈教授。但93岁的老人大热天从上海折腾到杭州不现实，怎么办？

这里有个关键点，陈新宇的团队正好在应用一套老年综合管理智能体，可以远程评估。她给老人发了一个评估二维码，女儿在手机上帮母亲填了十几分钟，内容涉及记忆力、走路、坐下站起等情况。结果很快就出来了，好几项指标都不理想。

陈教授又通过视频看了看徐阿姨的状态，没有开一大堆药，而是针对老人胃口差、功能下降的情况，进行了营养和运动的干预。她特别嘱咐家属，要在每天饮食调整的基础上，额外补充200毫升的肠内营养液和蛋白粉。

她还反复叮嘱，要把每一餐当作“任务”来完成，从卧床，到慢慢尝试坐起来，一定要循序渐进。陈教授强调，衰弱不是简单的“老了没力气”，它背后连着营养不足、肌肉流失，是老年综合征的典型表现。等摔倒、骨折了再送医院，往往就晚了。

但改变一开始并不顺利。营养液徐阿姨只能喝下一小瓶盖的量，吞两口就皱眉。但这位当了一辈子老师的老人，把医生的话认真听进去了，开始跟自己较劲。她说：“多多少少要吃一点，不吃人又会躺下来。”

结果呢？现在她不仅能喝完200毫升营养液，胃口也回来了，能一口气吃下10个小馄饨。采访那天早上，她吃了鸡蛋、牛奶加蛋白粉，中午鲫鱼汤配小半碗饭，外加三分之一根玉米。吃进去的东西，慢慢就变成了力气。

20天时间，状态改变特别明显。大女儿从杭州回上海看她，徐阿姨拉着她打了好几圈麻将，腰背挺得直直的，思路清晰，出牌利落。更关键的是，第一次评估时，她扶着扶手都站不起来，第二次评估，她不扶任何东西，自己站起来，连续做了五次坐下、站起的动作。

这在医学上是个非常直观的功能改善。现在一家人养成了一个习惯，不定期把母亲的状态拍下来发给陈新宇，问问在家能做什么运动、坐多久要起来活动。陈教授每条都会回复。大女儿还给母亲买了串珠类的益智玩具，让她坐着也能动手动脑。

前几天，小女儿陪母亲出门看皮肤问题，到了医院门口，小女儿转身想去借轮椅，徐阿姨摆摆手，自己径直往前走，从大门口到电梯那段路，走得稳稳当当。这比什么检查报告都更有说服力。

所以这个故事告诉我们，当家里老人出现吃不下、走不动、人明显消瘦的情况，千万别以为是“正常衰老”，这可能是需要干预的信号。早一点意识到，早一点评估，可能就能帮老人重新找回生活的力气。

一场10万+直播，一个远程评估，93岁上海阿姨20天“吃”回精气神

名医直播间

医科普

床边贴上免打扰便签后，他收起了“小脾气”，临终前他等来了至亲

一次次弯下腰倾听，一次次蹲下身邀请

省级“医”较高下！浙江老年医学医师同台竞技，守护银龄健康

健康捉谣机丨老人走路越慢越安全？反而可能伤膝盖

健康捉谣机

你走路的时候有没有过这种经历，感觉也就走了几百米，小腿就开始酸痛发麻，休息一会儿才能继续走。

这种情况在医学上有个专业名词，叫间歇性跛行。很多人可能觉得是年纪大了腿脚不灵便，但其实它背后可能隐藏着一种血管疾病，叫下肢动脉硬化闭塞症，俗称“腿梗”。

“腿梗”这个说法很形象，就是腿上的血管堵了。今天我们要聊的这位71岁的何大伯，就被这个病折腾得不轻。他之前做过球囊扩张，但血管反复堵塞，症状一直没好转。

这里有个关键点，医生解释说，球囊扩张或者放了支架之后，血管还是可能再狭窄的。因为新生内膜会过度增生，可能形成血栓，再加上如果患者自己的危险因素，比如血糖血脂没控制好，都会影响血管的远期通畅率。

所以术后定期复查，规范地吃药抗血栓、调血脂、控制血压血糖，这些跟手术本身同等重要。那说到危险因素，下肢动脉硬化和全身的动脉粥样硬化其实是同一回事，像吸烟和糖尿病，这是两个特别需要警惕的独立危险因素。

没错，其他像高龄、高血压、高血脂、慢性肾病，还有长期不运动，也都会增加风险。那何大伯这种情况，反复堵塞，浙江医院的血管外科团队就给他换了个新思路。

他们采用了一种微创方案，叫动脉斑块旋切术。这个手术的原理，李轩医生打了个比方，特别形象，说就像是派了一台“微型盾构机”进到血管里，把堵塞的斑块和钙化组织直接旋切下来，然后抽吸出体外，相当于在堵塞的血管里硬生生打通一条隧道。

这个比喻一听就懂了。手术中，医生先做造影看清楚哪里堵了、堵了多少，然后用那个旋切导管把斑块打碎吸走。当时何大伯在手术台上就感觉左脚慢慢变暖了，血流一恢复，效果立竿见影。

吸走主要堵塞物之后，团队再结合普通球囊和药物球囊，把其他狭窄的血管也撑开，恢复通畅。整台手术做完，效果特别好，术后第二天何大伯就能下床走路了，间歇性跛行的症状明显缓解。

这种治疗方式最大的好处是，它恢复了血流，但没有在体内留下支架。王晓栋主任就强调，这为患者未来万一需要再次干预，保留了更多的选择空间。

是的，这种旋切减容技术主要就是用来处理下肢动脉里的斑块、钙化和部分血栓的。对于高龄或者身体情况复杂，开刀风险比较高的患者，经过充分评估，这可以是一个很好的微创选择。

当然，具体能不能用这个方法，还得看病变的位置、血管的粗细、钙化的程度，一定要由专科医生来做综合判断。总之，如果走路经常出现“走走停停”的情况，千万别只当是老了，很可能是血管在报警。

对，及时去血管外科排查一下，早发现早处理，总能少受点罪。

71岁大伯几百米路走走停停，医生诊断是“腿梗”

骨病

你有没有想过，搬个冰箱，或者打个球，手臂上可能会突然鼓起一个大包，就像动画片里的大力水手一样？

哎，你说的这个画面感太强了。其实这在医学上真有个专门的名字，就叫“大力水手征”。听起来像个玩笑，但它其实是一种真实的肌腱损伤。

没错，最近就有一个36岁的陈先生，搬冰箱的时候猛地一发力，结果手臂里传来撕裂声。一开始他没在意，但后来上臂就鼓起了一个“肉球”，像凭空长出一块大肌肉，胳膊还抬不起来了。

对，去医院一查，确诊就是肱二头肌长头肌腱断裂。这个“大力水手征”的形成机制很有意思，它不是真的长了肌肉，而是肌腱完全断裂后，肌肉腹部像弹簧一样往远端回缩，堆在一起，就形成了一个软组织包块。

哦，原来是这样。也就是说，我们看到的那个凸起，其实是回缩的肌肉，而不是正常的鼓起来。当你用力屈肘的时候，这个包块会特别明显，同时还会伴有疼痛、肿胀和活动受限。

这里有个关键点，这个损伤多见于40岁以上的人群，尤其是长期体力劳动的中老年人。有时候他们只是轻微用力，甚至没有明显外伤，肌腱就因为退行性病变自己断了。

那像陈先生这样36岁的年轻人，主要是由剧烈的暴力牵拉导致的。明确诊断后，医生给他做了个微创手术，叫肱二头肌长头肌腱止点重建术，切口只有4厘米，就精准修复了断裂的肌腱。

手术效果很好，陈先生的疼痛缓解了，功能也在逐步恢复。说到治疗，这是一个很关键的分界线。对于年轻急性断裂的患者，医生一般建议手术修复，尽可能恢复手臂原有功能。

嗯，而对于老年退行性断裂的患者，如果对日常生活影响不大，可以选择保守治疗，比如休息和对症处理。那么，我们平时该怎么预防呢？

预防其实集中在几个生活细节上。第一是保持正确的体态，避免肩臂过度扭转和伸展；第二，运动和劳作一定要量力而行，别超负荷。

还有第三，运动前充分热身，运动后做好拉伸，这能大大降低肌肉肌腱拉伤的风险。第四，别长时间连续干活或运动，注意劳逸结合。最后一点，平时可以有针对性地强化肩臂肌肉力量，让肌腱更耐造。

总结一下，无论是搬重物还是健身，突然的暴力发力都可能让肌腱“罢工”。听到撕裂声、看到异常凸起，千万别硬扛，及时就医才是关键。

毕竟，我们可不想在现实生活中，用这种方式换来一个“大力水手”的称号。

凭空长出肌肉？男子搬运冰箱后，被确诊“大力水手征”

哎，你有没有发现，现在练瑜伽的男性好像越来越多了？以前总觉得瑜伽是女生的专属，但现在这个观念真的要改改了。

没错，就连哈兰德、丁俊晖这些体育明星，也晒过自己练瑜伽的照片。其实，男性刚开始接触瑜伽，顾虑确实不少，今天我们就来聊聊这个话题，帮大家驱散迷雾，科学健身。

我们先从一个真实案例说起。有位于先生，最近报名了一个瑜伽公益体验课，结果一进教室，发现全是女生。他说自己是个I人，感觉大家的目光都齐刷刷看过来，特别不好意思，练了一小会儿就走了。

这种感觉太真实了！很多人就是被这种心理门槛给挡住了。但专家说，运动训练其实有个金字塔结构，把静态运动、伸展运动、肌肉训练和有氧运动分成了不同层级，瑜伽就属于伸展运动，建议每周练5到7次呢。

对，浙江医院康复医学科的刘晓林主任就特意提醒，运动不能偏科。很多男性特别喜欢练力量，却忽略了柔韧性，这其实是个短板。

换句话说，光练力量没有柔韧性，年纪大了以后，综合协调能力会变差，平衡能力下降，摔倒的风险就增加了。所以，哪项弱，就该补哪项。

说到补短板，瑜伽老师琳达分享了一个特别好的例子。她班上有个戚先生，因为肩周炎，手臂抬不起来，医生说是关节囊组织黏连了，需要多做拉伸。他就去单位瑜伽社团练了两年多，现在不仅肩周炎缓解了，连踢足球都不容易受伤了。

这个例子很能说明问题。刚开始练的时候，戚先生也跟不上全部课程，但琳达老师强调，动作可以降级，量力而行就行。比如男性做前屈动作，肌腱比较紧张，可以适当屈膝、减小幅度，慢慢练，效果一样好。

这里有个关键点，琳达老师说，男性的肌肉普遍比较紧张，但健康的肌肉应该像皮筋一样，既能收缩，又能拉长，有弹性才行。所以拉伸对肌肉弹性很重要。

而且，长期坚持下来，效果真的很明显。今年琳达老师班上又多了一个90后男生，戚先生再也不是唯一的男学员了。这说明大家的观念在慢慢转变。

不过，还有一个现象值得警惕。很多男性只关注健身房撸铁，练完就走，完全不拉伸。自由工作者黄先生就吃过亏，他发现自己颈椎生理曲度变直，抬头都困难，后来他干脆在力量训练后直接去上瑜伽团课，三年下来，身体变化很大。

刘主任还提到一个医学概念，叫旋前综合征。很多健身男性把胸大肌练得特别厚，前侧力量远大于后侧，导致肩膀往前扣，胸腔打不开，整个人弓着，前后失衡，非常不稳定。

说白了，就是只盯着力量训练那一块，身体功能就向一个方向塌方了。门诊里因为单纯肌肉力量训练导致肩膀受伤的不在少数，刘主任一眼就能看出有些是在做卧推时受的伤。

所以，运动金字塔，真的不能只盯一角。还有一种情况是，平时没时间运动，周末报复性运动，这样更容易受伤。刘主任强调，每天动一点，比一次性练到极限要安全得多。

确实，瑜伽不是女性的专利，它是帮助身体找回平衡的很好方式。无论男女，了解自己的短板，选择适合自己的运动，科学锻炼，才能真正守护健康。

好，今天的节目就是希望帮大家打破偏见，用科学的方法去运动。如果你也对瑜伽心动了，不妨放下顾虑，大方地走进教室，去感受身体的变化吧。

健康捉谣机丨女练瑜伽男“撸铁”？男性有时也需要那块瑜伽垫

今天我们要聊一个可能会颠覆很多人认知的话题，心脏病真的不再只是中老年人的专利了。

没错，浙江医院心血管内科的王丽娟医生就发现，最近来就诊的心律失常患者里，十七八岁高中生、大学生查出严重心律失常的情况，真是越来越常见了。

对，说到这个，有个案例特别典型。一个叫小李的女孩，刚上大学，生活自律得简直不像话，不熬夜、不碰烟酒咖啡奶茶，体重才38公斤，家族也没有心脏病史，结果却因为严重心律失常，不得不做了心脏微创手术。

这听起来太矛盾了，这么健康的生活方式，心脏怎么反而出问题了呢？其实，隐患早在高三体检时就埋下了。当时心电图就显示频发室性早搏、二联律，但关键是她一点感觉都没有，不胸闷胸痛，也不心慌头晕。

这就是最可怕的。家长觉得是备考累的，熬过去就好了；老师也没当回事；小李自己怕耽误学习，就硬扛着。一个本该立刻干预的心脏警报，就这么被当成考试综合症给忽略了。

但心肌的损伤不会因为没感觉就停下来。等到高考结束进入大学，她身体突然就崩了，开始反复胸闷、心悸，哪怕静坐都感觉心脏发慌。一查24小时动态心电图，所有人都惊呆了。

数据有多吓人呢？王丽娟医生解释说，正常年轻人一天早搏通常为零或几十次，单日超过一万次就是重度频发室早。而小李呢？24小时室性早搏总量高达33700次！

33800次相当于什么概念？换句话说，心脏每跳两三次，就有一次是无效乱跳。长期这样，心肌在高负荷下会逐渐疲劳，最终可能导致心脏扩大、心功能下降，一旦发展成心肌病，损伤往往就不可逆了。

好在王丽娟医生凭借丰富的经验，为小李制定了个性化的微创射频消融方案，手术不到一小时，所有室早就彻底消失了。多次复查，心脏功能完全恢复正常，就像那场风波从未发生过一样。

虽然结局圆满，但王医生也说了，如果当初能早点重视，这场手术完全是可以避免的。那问题就来了，不少家长肯定很困惑，孩子心脏结构好好的，又没家族史，怎么就会得这么严重的室早呢？

这里有个关键点，王医生指出的核心诱因是：慢性精神高压。你想，高三那种无休止刷题、升学竞争、成绩焦虑，神经常年紧绷，再加上三餐敷衍、营养不足、体重偏轻，身体长期处于一种透支的应激状态。

这个解释很形象。长期精神紧绷会让交感神经持续兴奋，体内大量分泌肾上腺素和去甲肾上腺素，持续刺激心肌组织。结果就是，心脏结构没问题，但它的“电路系统”被长期压力给搞乱了。

这种功能性心律失常最危险的地方就在于隐蔽性。发病初期毫无不适，成千上万次异常心跳日复一日地磨损心肌，等出现胸闷心慌时，心脏损伤往往已经积攒到很危险的程度了。这也是高三学子特别容易掉进去的健康陷阱。

所以我们要特别提醒自己，也提醒身边的朋友：压力是心脏最隐蔽的“隐形杀手”。难过就哭、累了就说，千万别把所有委屈都咽进肚子里，因为情绪和焦虑憋在心里，最终会压垮心跳。

另外，体检如果发现早搏，哪怕平时毫无症状，也一定要认真对待。尽快做一次24小时动态心电图，查清早搏的数量和规律，严格遵从医生的评估，千万别拖着。

还有两个护心小贴士也很重要。第一，千万别为了追求体重数字而过度节食，身体过于消瘦、长期疲惫乏力，反而会大幅增加心脏的额外负担。

第二，每晚睡足7到8小时，这是最简单也最有效的“护心药”。心脏最怕的就是熬夜、紧绷和持续焦虑，只有充足睡眠才能给它真正的修复时间。

最后，如果日常生活中频繁出现心慌、胸闷，或者心脏突然“咯噔”猛跳一下，千万不要抱着“忍忍就好”的侥幸心理。这些信号是心脏在求救，越早就诊，付出的健康代价就越小。