/* ==========================================================
  产品详情页-联系方式模块【重构版】 zh-contact‑rewrite.css
  站点主色：深空蓝 #0A2540｜钛橙 #E67E22
  兼容原HTML大部分class，新增 .zh-contact-wrap 外层容器
  引入：<link rel="stylesheet" href="[!--news.url--]css/zh-contact‑rewrite.css">
========================================================== */
.zh-contact-wrap {
  width: 100%;
  box-sizing: border-box;
  background:#fff;
  border:1px solid #E6E9EE;
  border-radius:12px;
  padding:24px;
  margin:10px 0 30px;
  box-shadow:0 2px 12px rgba(10,37,64,.04);
}
.zh-contact-wrap .zh-contact-name {
    font-size:17px;
    color:#0A2540;
    font-weight:700;
    margin-bottom:22px;
    display:flex;
    align-items:center;
    gap:10px;
}
.zh-contact-wrap .zh-contact-name i {
    color:#E67E22;
    font-size:20px;
}

.zh-contact-list {
    display:grid;
    gap:18px;
}
.zh-contact-item {
    display:flex;
    align-items:center;
    gap:16px;
    padding:18px 20px;
    background:#F8FAFC;
    border-radius:10px;
    border:1px solid transparent;
    transition: all 0.28s ease;
}
.zh-contact-item:hover {
    border-color:#E67E22;
    background:#ffffff;
    box-shadow:0 6px 18px rgba(230,126,34,.08);
}
/* 左侧图标 */
.zc-ico {
    flex:0 0 48px;
    width:48px;
    height:48px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}
.zh-contact-item[data-t="tel"]  .zc-ico { background:#FFF3E6; color:#E67E22; }
.zh-contact-item[data-t="qq"]   .zc-ico { background:#E8F4FF; color:#12B7F5; }
.zh-contact-item[data-t="mail"] .zc-ico { background:#FDECEC; color:#E73C3C; }
.zh-contact-item[data-t="addr"] .zc-ico { background:#EAF7EF; color:#1A7F45; }

/* 中间信息区域 */
.zc-main {
    flex:1;
    min-width:0;
}
.zc-lab {
    font-size:12.5px;
    color:#7A8794;
    margin-bottom:4px;
}
.zc-vals {
    display:flex;
    flex-wrap:wrap;
    gap:6px 14px;
}
.zc-val {
    font-size:15px;
    color:#0A2540;
    text-decoration:none;
    word-break:break-all;
}
.zc-val:hover {
    color:#E67E22;
}

/* 右侧按钮 */
.zc-btn {
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:9px 18px;
    border-radius:22px;
    background:#0A2540;
    color:#fff;
    font-size:13px;
    text-decoration:none;
    transition:0.25s ease;
    white-space:nowrap;
}
.zc-btn:hover {
    background:#E67E22;
}
.zc-btn.copied {
    background:#1A7F45;
}

/* ========== 响应式 ========== */
@media(max-width:768px){
    .zh-contact-wrap {
        padding:18px 16px;
    }
    .zh-contact-item {
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
        padding:16px;
    }
    .zc-btn {
        width:100%;
        justify-content:center;
    }
    .zh-contact-wrap .zh-contact-name {
        font-size:16px;
        margin-bottom:16px;
    }
}
@media(max-width:480px){
    .zh-contact-wrap {
        padding:16px 14px;
    }
    .zc-vals {
        gap:4px 10px;
    }
    .zc-val {
        font-size:14px;
    }
}