.dh {height:30px;line-height: 30px;background-color: #fff;border-radius: 20px;
padding: 0 8px 0 12px;color: #6a6a6a;font-weight: normal;white-space: nowrap; 
overflow: hidden;display: flex;align-items: center;  /* 垂直居中 */gap: 8px;
  background: rgba(255,255,255,0.58);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;}

.dh_title {display: flex;align-items: center;white-space: nowrap;color:#ff6600;}
.dh_title i{ font-size:12px;}
.dh_title a{color:#ff6600;}
.dh_title h1 a{color:#ff6600;}
.dh_title h1 {margin: 0;font-weight: normal;font-size: inherit;}
.dh_title .icon-right {font-size:10px;}
.dh_title .ico-more {font-size:10px;margin-left:5px;}
.dh .r {display: block;font-size: 12px;padding: 0 10px;color: #8f8f8f; position: absolute;right: 20px;top: 0; }
.dh .r a{color: #8f8f8f; }
.dh .r .ico-more {display: block;position: absolute;right: 0px;top: 0; font-size:8px;}



/* 手机端名片容器 */
.mp-box {
  background: rgba(255,255,255,0.58);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 10px;
  padding: 16px;
  overflow: hidden;background: linear-gradient(rgba(255, 255, 255, 0.6) 0%, rgb(255, 255, 255,0) 100%);
}

/* 头部标题行：头像+名字+点击数 */
.item-title {display:flex;align-items:center;gap:12px;}
.avatar img {width:64px;height:64px;border:2px solid #fff;border-radius: 100%;}
.name_area {flex:1;}
.nickname {display: flex;align-items: center;gap: 4px;}
.nickname h2 {margin: 0;font-size:17px;font-weight:600;}
.nickname i.icon-002 {font-size:12px;color:#666;}
.name_area .nickname h2 {font-size:18px;font-weight:600;margin:0;display:flex;align-items:center;gap:4px;}
.name_area .area {font-size:13px;color:#666;margin-top:4px;display:flex;align-items:center;gap:4px;}
.click {font-size:12px;color:#666;}
.fenlei{ color:#666; font-size:12px;display:flex;align-items:center;gap:5px;}
.fenlei a{ color:#ff6600; font-size:12px;border:1px #FF6600 dotted; padding:3px 6px; border-radius:4px;}
.item-content {font-size:16px;color:#000;}
.item-dianzan {font-size:20px;color:#ff5566;}

/* 底部联系按钮 */
.item-contact {display:flex;gap:10px;margin-top:16px;}
.item-contact > span {flex:1;text-align:center;padding:10px 0;border-radius:8px;font-size:14px;}
.contact-l {color:#fff;}
.contact-r {color:#fff;}
.item-contact i {margin-right:4px;color:#fff;}

#dy_copy:active{background:#111; /* 点击变暗 */}
#wx_copy:active{background:#06ae56; /* 点击变暗 */}

/* 点赞按钮 btn-zan */
.btn-zan {display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;background:#ff6600;color:#fff;font-size:14px;}
.btn-zan .ico.icon-like-1 {font-size:16px;}
.btn-zan .txt {font-style:normal;}
.btn-zan .count {font-style:normal;}
/* 点赞后变色示例（JS切换active） */
.btn-zan.active {background:#ff4444;}
.btn-zan.active .icon-like-1 {color:#fff;}


.contact-block {border-radius: 10px;padding: 16px;overflow: hidden;background: linear-gradient(to top, rgba(125, 197, 202, 0.8) 0%, rgb(239, 244, 248, 0) 100%);}
.contact-header {display: flex;align-items: center;justify-content: space-between;}
.contact-title {flex-shrink: 0;}
.contact-right {display: flex;align-items: center;gap:3px;}



/*----- 链接到官网 -----*/
.contact-box{ z-index:99999;height:30px; background:rgba(255, 255, 255, 0.55);position:absolute; padding: 0 10px;border-radius:20px 0px 0px 20px; transition: transform 0.3s ease;right:0px; top:23px; gap:5px; }
.contact-box.contact-box-hide{transform: translateX(100%);}
.contact-box button {border: none;background: transparent;padding: 0;flex: 1; /* 三个按钮弹性均分宽度 */text-align: center;font-size: 18px; /* 图标大小根据你的icon调整 */}




/* 弹窗主体 微信风格 */
.popup-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:386px;background:#ffffff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;max-height:61.8vh;
/* 渐显 */transition:all 0.25s ease; display:none;
scrollbar-width: none;            /* Firefox */
    -ms-overflow-style: none;         /* 老版 IE / Edge */}
.popup-wrap.active {opacity: 1;visibility: visible;}
.popup-title{padding:16px 16px 12px;font-size:17px;font-weight:500;text-align:center;color:#333333;border-bottom:1px solid #f5f5f5; }
/* 可滚动内容区域 */
.popup-content{padding:16px;overflow-y:auto;flex:1;font-size:15px;color:#444;line-height:1.6;-webkit-overflow-scrolling: touch;
/* 居中开始 */display:flex;flex-direction:column;justify-content:center;/* 垂直居中 */align-items:center; /* 水平居中 */}

#contact-info-box{overflow-y: auto; /* ios平滑滚动 */-webkit-overflow-scrolling: touch; /* 阻止滚动链穿透 */overscroll-behavior: contain;}

.popup-content img{ max-width:50%; min-width:128px;}
.popup-content p{ font-size:14px;}
.popup-close-btn{border-top:1px solid #f5f5f5;padding:12px 16px;text-align:center;}
.popup-close-btn button{border: none;outline: none;color:#ffffff;padding:10px 32px;border-radius:8px; width:128px;}
.popup-close-btn button:active{background:#06ae56; /* 点击变暗 */}

/*遮罩样式*/
.scr-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.88);display: flex;justify-content: center;align-items: center;z-index: 999;opacity:0;visibility:hidden;transition:all 0.25s ease;}
.scr-overlay.active {opacity: 1;visibility: visible;}