@charset "utf-8";
       /* --- 容器布局 --- */
        .footer-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 40px 20px;
        }

        .main-content {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            flex-wrap: wrap; /* 允许换行，适配移动端 */
            gap: 40px;
            margin-bottom:0px;
        }

        /* --- 通用列样式 --- */
        .col {
            flex: 1;
            min-width: 220px; /* 防止在极窄屏幕下挤压 */
        }

        h3 {
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 25px;
            color: #000;
        }

        /* --- 左侧：矩阵号列表 --- */
        .social-list {
            list-style: none;
        }

        .social-item {
            display: flex;
            align-items: center;
            padding: 12px 0;
            border-bottom: 1px solid #eaeaea;
            font-size: 15px;
        }

        .social-item:last-child {
            border-bottom: none;
        }

        .icon-box {
            width: 24px;
            height: 24px;
            margin-right: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .icon-box svg {
            width: 100%;
            height: 100%;
        }

        /* --- 中间：二维码区域 --- */
        .qr-section {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            flex: 0 0 auto; /* 中间列不自动伸缩 */
            margin: 0 auto; /* 移动端居中 */
        }
.qr-section img{ width:100%;}
        .qr-placeholder {
            width: 140px;
            height: 140px;
            border: 1px solid #ddd;
            border-radius: 16px; /* 圆角矩形 */
            background-color: #f9f9f9;
            margin-bottom: 15px;
        }

        .qr-title {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 5px;
        }

        .qr-desc {
            font-size: 14px;
            color: #666;
        }

        /* --- 右侧：友情链接 --- */
        .link-list {
            list-style: none;
        }

        .link-list li {
            margin-bottom: 12px;
        }

        .link-list a {
            font-size: 15px;
            color: #333;
        }

        .link-list a:hover {
            color: #1890ff;
        }

        /* --- 底部版权信息 --- */
        .copyright-bar {
            border-top: 1px solid #eaeaea;
            padding-top: 20px;
            text-align: center;
            font-size: 12px;
            color: #999;
            line-height: 2;
        }

        .copyright-bar p {
            margin-bottom: 5px;
        }

        /* --- 响应式适配 (手机端) --- */
        @media (max-width: 768px) {
            .main-content {
                flex-direction: column; /* 改为垂直排列 */
                gap: 30px;
            }

            .col {
                width: 100%; /* 占满宽度 */
                min-width: auto;
            }

            /* 调整手机端顺序：通常二维码或主要信息在前，或者保持原序 */
            /* 这里保持原序：矩阵号 -> 二维码 -> 链接 */

            .qr-section {
                order: 2; /* 确保二维码在中间或者根据需求调整 */
                margin: 20px 0;
            }

            .social-item {
                padding: 15px 0; /* 增加点击区域高度 */
            }
        }