@charset "utf-8";
/* ============================================================
   联系我们页 - 联系方式信息卡（2026-10-29 重设计）
   说明：内容仍来自后台单页正文（h3 公司名 + p 行 + 说明段），
        此处只做样式增强，不改变后台可编辑性。
   ============================================================ */

.ey_contact_card{
    max-width:1200px;
    margin:0 auto 70px;
    padding:0 20px;
    box-sizing:border-box;
}

/* ---------- 标题区 ---------- */
.ey_contact_card .eyc_head{
    display:flex;
    align-items:flex-end;
    gap:14px;
    padding-bottom:16px;
    margin-bottom:26px;
    border-bottom:1px solid #e6ecea;
    position:relative;
}
.ey_contact_card .eyc_head::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    width:64px;
    height:3px;
    border-radius:2px;
    background:linear-gradient(90deg,#178655,#4bb98a);
}
.ey_contact_card .eyc_title{
    margin:0;
    font-size:26px;
    line-height:1;
    font-weight:700;
    color:#16241f;
    letter-spacing:1px;
    position:relative;
    padding-left:14px;
}
.ey_contact_card .eyc_title::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:5px;
    height:22px;
    border-radius:3px;
    background:#178655;
}
.ey_contact_card .eyc_sub{
    margin:0 0 2px;
    font-size:11px;
    letter-spacing:2.5px;
    text-transform:uppercase;
    color:#a9b8b2;
    font-weight:500;
}

/* ---------- 卡片主体 ---------- */
.ey_contact_card .eyc_body{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    padding:34px 34px 30px;
    background:#fff;
    border:1px solid #edf3f0;
    border-radius:16px;
    box-shadow:0 10px 34px rgba(23,134,85,.07);
    box-sizing:border-box;
}

/* 公司名 */
.ey_contact_card .eyc_body h3{
    grid-column:1 / -1;
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 8px !important;
    font-size:17px;
    font-weight:700;
    color:#178655 !important;
    line-height:1.5;
}
.ey_contact_card .eyc_body h3::before{
    content:"";
    flex:0 0 5px;
    width:5px;
    height:17px;
    border-radius:3px;
    background:#178655;
}

/* 信息行 */
.ey_contact_card .eyc_body p{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    margin:0;
    padding:13px 16px;
    background:#f7faf9;
    border:1px solid #e9f0ed;
    border-radius:12px;
    font-size:15px;
    line-height:1.5;
    color:#243330;
    word-break:break-word;
    box-sizing:border-box;
    transition:background .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.ey_contact_card .eyc_body p:hover{
    background:#fff;
    border-color:#cbe5da;
    box-shadow:0 8px 20px rgba(23,134,85,.10);
    transform:translateY(-2px);
}
.ey_contact_card .eyc_body p strong{
    flex:0 0 auto;
    font-size:13px;
    font-weight:500;
    color:#7e8f89;
    letter-spacing:.5px;
}
.ey_contact_card .eyc_body p::before{
    content:"";
    flex:0 0 38px;
    width:38px;
    height:38px;
    border-radius:10px;
    background-color:#e9f5ef;
    background-repeat:no-repeat;
    background-position:center;
    background-size:20px 20px;
}

/* 图标：地址 / 电话 / 手机 / 传真 / 邮箱 / 网址 */
.ey_contact_card .eyc_body p:nth-of-type(1)::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23178655' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
.ey_contact_card .eyc_body p:nth-of-type(2)::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23178655' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8.1 9.7a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E");
}
.ey_contact_card .eyc_body p:nth-of-type(3)::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23178655' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2' width='12' height='20' rx='2.5'/%3E%3Cline x1='11' y1='18' x2='13' y2='18'/%3E%3C/svg%3E");
}
.ey_contact_card .eyc_body p:nth-of-type(4)::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23178655' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V3h12v6'/%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='7' rx='1'/%3E%3C/svg%3E");
}
.ey_contact_card .eyc_body p:nth-of-type(5)::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23178655' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E");
}
.ey_contact_card .eyc_body p:nth-of-type(6)::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23178655' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cpath d='M12 3a15 15 0 0 1 4 9 15 15 0 0 1-4 9 15 15 0 0 1-4-9 15 15 0 0 1 4-9z'/%3E%3C/svg%3E");
}

/* 结尾说明段 */
.ey_contact_card .eyc_body p:nth-of-type(7){
    grid-column:1 / -1;
    display:block;
    margin-top:8px !important;
    padding:18px 22px;
    background:linear-gradient(90deg,#f1f9f5 0%,#f8fbfa 100%);
    border:1px dashed #cfe6dc;
    border-radius:12px;
    font-size:14px;
    line-height:1.9;
    color:#4a5d57;
}
.ey_contact_card .eyc_body p:nth-of-type(7)::before{
    display:none;
}

/* ---------- 适配 ---------- */
@media (max-width:900px){
    .ey_contact_card .eyc_body{
        grid-template-columns:1fr;
        padding:24px 22px;
    }
    .ey_contact_card .eyc_title{font-size:22px;}
}
@media (max-width:480px){
    .ey_contact_card{padding:0 14px;margin-bottom:44px;}
    .ey_contact_card .eyc_body{padding:18px 16px;gap:10px;}
    .ey_contact_card .eyc_body p{padding:11px 12px;font-size:14px;gap:10px;}
    .ey_contact_card .eyc_body p strong{font-size:12px;}
    .ey_contact_card .eyc_body p::before{
        flex-basis:32px;width:32px;height:32px;background-size:18px 18px;
    }
    .ey_contact_card .eyc_title{font-size:20px;}
    .ey_contact_card .eyc_sub{display:none;}
}