/* ===== 战略合作伙伴板块样式（独立文件） =====
   板块最初的基础样式在 zll.css「战略合作伙伴」段落（commit aaa415e8 引入）。
   编写本文件时 zll.css / zll_mobile.css 正被另一会话改动未提交，
   为避免混提交，这里独立放置、在两个主 CSS 之后加载，同名规则优先生效。
   待 zll.css 空闲后，把本文件内容合并回 zll.css 并删除此文件与对应 <link>。

   布局参考企业官网伙伴板块的通行做法：
   白卡内放「LOGO 瓦片 + 名称 + 按钮」头部行、简介段、数据栏；
   LOGO 默认半透明，悬停恢复并轻微放大（业界 logo 墙惯例），
   LOGO 图片取自对方官网页头（static/img/partner-xinnchey.png）。 */

/* 主卡容器：980 宽 */
.about-partner .partner-wrap{
    max-width: 980px;
    width: 92%;
    margin: 0 auto;
}
/* 标题下的英文小字：呼应小程序/小游戏弹窗标题下的英文副题 */
.about-partner .partner-en{
    margin-top: 4px;
    text-align: center;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
    letter-spacing: 6px;
    text-transform: uppercase;
    color: #b6bcc4;
}
.about-partner .partner-card{
    display: block;
    margin-top: 50px;
    padding: 44px 54px 38px;
}
/* 头部行：LOGO 瓦片 + 名称 + 访问按钮 */
.about-partner .partner-head{
    display: flex;
    align-items: center;
    gap: 30px;
}
/* LOGO：直接使用对方官网页头的原始透明底 PNG（partner-xinnchey.png），
   不加瓦片底色与边框——图片本身透明，坐在白卡上即与他们官网页头一致。
   外层只负责占位与对齐，悬停轻放大。 */
.about-partner .partner-logo{
    flex: none;
    width: 232px;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-partner .partner-logo img{
    max-width: 176px;
    max-height: 48px;
    opacity: .92;
    transition: opacity .3s, transform .3s;
}
.about-partner .partner-card:hover .partner-logo img{
    opacity: 1;
    transform: scale(1.05);
}
.about-partner .partner-go{
    margin-left: auto;
}
/* 简介段：细分隔线与头部隔开，整卡外链里保持长文可读 */
.about-partner .partner-intro{
    display: block;
    margin-top: 28px;
    padding-top: 26px;
    border-top: 1px solid #eceff3;
    font-size: 15px;
    color: #666;
    line-height: 29px;
    text-align: justify;
}
/* 数据栏：竖细线分三格，数字用品牌蓝 */
.about-partner .partner-stats{
    display: flex;
    margin-top: 26px;
    padding-top: 24px;
    border-top: 1px solid #eceff3;
}
.about-partner .ps-item{
    flex: 1;
    text-align: center;
    padding: 0 10px;
}
.about-partner .ps-item + .ps-item{
    border-left: 1px solid #eceff3;
}
.about-partner .ps-item b{
    font-size: 27px;
    font-weight: normal;
    color: #4c74c5;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: -2px;
}
.about-partner .ps-item i{
    font-style: normal;
    margin-left: 6px;
    font-size: 13px;
    color: #999;
    letter-spacing: 1px;
}
/* 背景几何装饰：一大一小两枚淡盾形，呼应芯片伙伴主题又不抢内容 */
.about-partner{
    position: relative;
    overflow: hidden;
}
.about-partner:before,
.about-partner:after{
    content: "";
    position: absolute;
    pointer-events: none;
    background: rgba(76,116,197,.05);
    clip-path: polygon(50% 0, 100% 18%, 100% 62%, 50% 100%, 0 62%, 0 18%);
}
.about-partner:before{
    right: -130px;
    top: -80px;
    width: 400px;
    height: 480px;
}
.about-partner:after{
    left: -110px;
    bottom: -140px;
    width: 300px;
    height: 360px;
    background: rgba(76,116,197,.035);
}

@media screen and (max-width:768px){
    .about-partner .partner-card{
        margin-top: 34px;
        padding: 32px 20px 28px;
    }
    .about-partner .partner-head{
        flex-direction: column;
        gap: 18px;
        text-align: center;
    }
    .about-partner .partner-logo{
        width: 100%;
        max-width: 300px;
    }
    .about-partner .partner-go{
        margin-left: 0;
    }
    .about-partner .partner-text b{
        font-size: 17px;
        line-height: 26px;
    }
    .about-partner .partner-intro{
        margin-top: 22px;
        padding-top: 20px;
        font-size: 14px;
        line-height: 26px;
    }
    .about-partner .partner-stats{
        margin-top: 20px;
        padding-top: 18px;
    }
    .about-partner .ps-item b{
        font-size: 22px;
    }
    .about-partner .ps-item i{
        font-size: 12px;
        margin-left: 4px;
    }
    /* 窄屏装饰盾压内容，直接隐藏 */
    .about-partner:before,
    .about-partner:after{
        display: none;
    }
}