/*  =========================================================================
**  关于我们样式（about.css）
**  说明：联系信息区域样式
**  ========================================================================= */

.contact_list {
    max-width: 560px;
    margin: 0 auto;
    padding: 24px;
    background: var(--color_bg);
    border: 1px solid var(--color_border);
    border-radius: var(--radius_md);
}

/*  ---------- 页头副标题：公司名加大加黑  ---------- */
/* .page_hero p {
    font-size: 18px;
    color: var(--color_text);
} */

/*  ---------- 公司简介段落：字体加大、首行缩进两字符、左对齐  ---------- */
.placeholder p {
    font-size: 18px;
    color: var(--color_text);
    text-align: left;
    text-indent: 2em;
    margin-bottom: 0.8em;
}

.placeholder p:last-child {
    margin-bottom: 0;
}

/*  大屏时联系卡片拉长，小屏保持默认宽度  */
@media (min-width: 1024px) {
    .contact_list {
        max-width: 720px;
    }
}

/*  ---------- 资质荣誉：专利证书展示  ---------- */
/*  手机端单列大图，平板及以上两列；图片按原始比例完整显示  */
.patent_grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.patent_card {
    background: var(--color_bg);
    border: 1px solid var(--color_border);
    border-radius: var(--radius_md);
    overflow: hidden;
    transition: box-shadow var(--transition), transform var(--transition);
}

.patent_card:hover {
    box-shadow: 0 8px 24px rgba(26, 108, 255, 0.12);
    transform: translateY(-4px);
}

.patent_card img {
    width: 100%;
    height: auto;
    display: block;
}

@media (min-width: 768px) {
    .patent_grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }
}