.glowing-fab {
    position: fixed;        /* 关键：固定定位 */
    right: 28px;            /* 距离右侧 30px */
    bottom: 500px;           /* 距离底部 30px */
    z-index: 1000;          /* 确保浮标在最顶层 */
    
    /* 样式美化 */
    background-color: #ff007f; /* 霓虹粉色背景 */
    color: white;              /* 图标颜色 */
    border-radius: 50%;        /* 使其成为圆形 */
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;         /* 使图标垂直居中 */
    font-size: 32px;
    text-decoration: none;     /* 移除链接下划线 */
    cursor: pointer;
    
    /* 发光效果 */
    box-shadow: 
        0 0 10px #ff007f,    /* 基础辉光 */
        0 0 20px #ff007f,    /* 扩散辉光 */
        0 0 30px #ff007f;    /* 远距离泛光 */
    
    /* 添加平滑过渡效果 */
    transition: box-shadow 0.4s ease-in-out, background-color 0.3s;
}

/* 鼠标悬停时的效果增强 */
.glowing-fab:hover {
    background-color: #ff4d94; /* 悬停时颜色微变 */
    box-shadow: 
        0 0 15px #ff007f,
        0 0 30px #ff007f,
        0 0 50px #ff007f,
        0 0 80px #ff007f; /* 悬停时发光更强 */
}


/* 图标和文字的单独样式 */
.glowing-fab .icon {
    margin-right: 8px; /* 图标与文字之间的间距 */
    font-size: 20px;
}

.glowing-fab .text {
    /* 可以在这里添加 text-shadow 实现文字内部发光 */
    text-shadow: 0 0 5px white; 
}