.novel-social-icons .social-icon {
    margin-right: 10px;
    font-size: 20px; /* 根据需要调整图标大小 */
    color: #555; /* 根据主题调整图标颜色 */
    position: relative; /* 为二维码提示框定位 */
}

.novel-social-icons .social-icon:hover {
    color: #007bff; /* 鼠标悬停时的颜色，根据主题调整 */
}

.novel-social-icons .qr-code-tooltip {
    visibility: hidden;
    width: 150px; /* 二维码图片宽度 */
    background-color: white;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%; /* 定位在图标上方 */
    left: 50%;
    margin-left: -75px; /* 使提示框居中 */
    opacity: 0;
    transition: opacity 0.3s;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

.novel-social-icons .qr-code-tooltip img {
    width: 100%;
    height: auto;
}

.novel-social-icons .social-icon:hover .qr-code-tooltip {
    visibility: visible;
    opacity: 1;
}

/* 为不同图标设置特定颜色（可选） */
.novel-social-icons .telegram-icon:hover {
    color: #0088cc; /* Telegram 品牌色 */
}

.novel-social-icons .qq-icon:hover {
    color: #12b7f5; /* QQ 品牌色 */
}