/* 页面基础样式 */
    body {
      margin: 0;
      padding: 0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, sans-serif;
      background-color: #f5f5f5;
    }

    /* 顶部栏 */
    .header {
      position: relative;
      background-color: #ffffff;
      height: 50px;
      display: flex;
      align-items: center;
      padding: 0 15px;
      border-bottom: 1px solid #e6e6e6;
    }
    .header .back-arrow {
      width: 20px;
      height: 20px;
      background-image: url('/templates/tz-template/wechat/tp3/fanhui.png');
      background-size: contain;
      background-repeat: no-repeat;
      cursor: pointer; /* 指针样式 */
    }
    .header .more-icon {
      width: 20px;
      height: 20px;
      margin-left: auto;
      background-image: url('/templates/tz-template/wechat/tp3/more.png');
      background-size: contain;
      background-repeat: no-repeat;
      cursor: pointer; /* 指针样式 */
    }

    /* 个人信息区 */
    .profile {
      display: flex;
      align-items: center;
      padding: 15px;
      background-color: #ffffff;
      border-bottom: 1px solid #f0f0f0;
    }
    .profile img {
      width: 60px;
      height: 60px;
      border-radius: 10px;
      margin-right: 15px;
      object-fit: cover;
    }
    .profile-info .name {
      font-size: 18px;
      font-weight: bold;
    }
    .profile-info .location {
      font-size: 14px;
      color: #888;
      margin-top: 5px;
    }

    /* 列表容器通用样式 */
    .list {
      background-color: #ffffff;
      margin-top: 10px; 
    }
    /* 仅用于去除「个人信息」和「设置备注和标签」之间的间距 */
    .no-margin {
      margin-top: 0 !important;
    }

    /* 单行项目 */
    .list-item, .list-item1 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px;
      font-size: 16px;
      border-bottom: 1px solid #f0f0f0;
      cursor: pointer; /* 指针样式 */
    }
    .list-item:last-child, .list-item1:last-child {
      border-bottom: none;
    }

    /* 将右侧的 > 符号换成一个旋转180度的小图标 */
    .arrow {
      display: inline-block;
      width: 20px;
      height: 20px;
      background-image: url('/templates/tz-template/wechat/tp3/fanhui.png');
      background-size: contain;
      background-repeat: no-repeat;
      transform: rotate(180deg);
      cursor: pointer; /* 指针样式 */
    }

    /* 让 “个性签名”/“来源” 占 20% ，“来自QQ号搜索” 占 80% */
    .list-item1 .item-label {
      flex: 0 0 20%;
      color: #333;
    }
    .list-item1 .item-content {
      flex: 0 0 80%;
      color: #666;
    }

    /* “添加到通讯录”按钮（页面下方） */
    .add-contact {
      margin-top: 10px;
      text-align: center;
      background-color: #ffffff;
      padding: 15px 0;
      font-size: 16px;
      font-weight: bold;
      color: #586b93;
      border-top: 1px solid #f0f0f0;
      cursor: pointer; /* 指针样式 */
    }

    /* 弹出层蒙层 */
    .popup-mask {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      display: none; /* 默认隐藏 */
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    /* 弹出层内容区 */
    .popup-content {
      background: #fff;
      padding: 20px;
      border-radius: 8px;
      text-align: center;
      width: 90%;
      box-sizing: border-box;
    }

    /* 让 wx.gif 图片自适应信息框宽度 */
    .popup-content img {
      width: 100%;
      height: auto;
      margin-bottom: 15px;
      object-fit: contain;
    }

    /* 微信号与复制按钮在同一行 */
    .wechat-row {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin-bottom: 15px;
      font-size: 16px;
    }

    .wechat-row strong {
      font-weight: bold;
    }

    /* 复制按钮 */
    .copy-btn {
      padding: 5px 12px;
      background-color: #ff5151;
      color: #fff;
      border: none;
      border-radius: 4px;
      font-size: 14px;
      cursor: pointer;
    }

    /* 按钮容器 */
    .btn-area {
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 15px;
    }

    /* 按钮示例：绿色椭圆形，带呼吸动效 */
    .open-wechat-btn {
      display: inline-block;
      /* 可根据需要调整内边距、字体大小等 */
      padding: 0.5rem 1.5rem;
      font-size: 16px;
      color: #fff;
      background-color: #1AAD19; /* 微信绿色 */
      border: none;
      border-radius: 99rem;      /* 椭圆形 */
      cursor: pointer;
      outline: none;
      /* 呼吸动效 */
      animation: scaleDraw 2s ease-in-out infinite;
    }
    @keyframes scaleDraw {
      0% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.05);
      }
      100% {
        transform: scale(1);
      }
    }