.contact-panel.contact {
    /* ── Info block ── */
    .info {

        text-align: center;

        .avatar {
            width: 72px;
            height: 72px;
            margin: 0 auto 12px;
            border-radius: 50%;
            overflow: hidden;
            border: 1.5px solid rgba(255, 255, 255, 0.12);

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
            }
        }

        .title {
            display: block;
            font-size: 12px;
            color: rgba(255, 255, 255, 0.35);
            letter-spacing: 0.04em;
            margin-bottom: 4px;
        }

        .name {
            margin: 0 0 8px;
            font-size: 16px;
            font-weight: 500;
            color: rgba(255, 255, 255, 0.9);
        }

        .langs {
            display: flex;
            justify-content: center;
            gap: 6px;
            margin: 0 0 14px;

            .label {
                font-size: 10px;
                font-weight: 500;
                padding: 3px 9px;
                border-radius: 20px;
                border: 1px solid rgba(255, 255, 255, 0.2);
                color: rgba(255, 255, 255, 0.7);
                letter-spacing: 0.04em;
            }
        }

        hr {
            border: none;
            border-top: 1px solid rgba(255, 255, 255, 0.06);
            margin: 0 0 12px;
        }

        .description {
            font-size: 12px;
            color: rgba(255, 255, 255, 0.3);
            line-height: 1.6;
            margin: 0;
        }
    }

    /* ── Section label ── */
    .contact-section-label {
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 0.12em;
        color: rgba(255, 255, 255, 0.25);
        text-transform: uppercase;
        padding: 14px 16px 8px;
    }

    /* ── Contact list ── */
        .list {

            /* Platform accent glows */
            .item.phone::before    { background: linear-gradient(120deg, rgba(180,180,180,0.07) 0%, transparent 60%); }
            .item.wechat::before   { background: linear-gradient(120deg, rgba(7,193,96,0.08) 0%, transparent 60%); }

            /* Dot colours */
            .item.phone    .dot { background: #aaaaaa; }
            .item.wechat   .dot { background: #07C160; }

            /* Text inside button */
            .btn-text {
                flex: 1;
                min-width: 0;
            }

            .btn-name {
                font-size: 14px;
                margin:0px;
            }

            .btn-handle {
                display: block;
                font-size: 14px;
                color: rgba(255, 255, 255,0.5);
                margin-top: 2px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

        }
    }