.tekup-footer-bottom {
    padding: 20px 0;
    border-top: 1px solid white;
}
.backTop {
    display: none; /* 默认不显示按钮 */
}
body {
    transition: none !important;
}
.card-container {
    padding-left: 12px;
    width: 100%; /* 或者设置为你想要的宽度，确保足够容纳多个卡片 */
    overflow: hidden; /* 防止内容溢出 */
    margin: auto;
}

.floating-div-1 {
    position: fixed; /* 固定位置 */
    left: 30px;
    top: 44%; /* 中间位置 */
    transform: translateY(-50%); /* 垂直居中 */
}
.floating-div-2 {
    position: fixed; /* 固定位置 */
    left: 30px;
    top: 50%; /* 中间位置 */
    transform: translateY(-50%); /* 垂直居中 */
}
.floating-div-3 {
    position: fixed; /* 固定位置 */
    left: 30px;
    top: 56%; /* 中间位置 */
    transform: translateY(-50%); /* 垂直居中 */
}

.layer {
    background: radial-gradient(circle at center, #ffffff 60%, #f5f5f5 100%); /* 渐变背景 */
    border: 1px solid rgba(221, 221, 221, 0.5); /* 透明边框 */
    border-radius: 50%; /* 使div成为圆形 */
    padding: 10px; /* 内边距，可根据需要修改 */
    text-align: center; /* 文字居中，可根据需要修改 */
    width: 17px; /* 设置宽度，使其成为正圆 */
    height: 17px; /* 设置高度，使其成为正圆 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3), /* 更复杂的阴影效果 */
    inset 0 2px 4px rgba(255, 255, 255, 0.5); /* 内阴影增加质感 */
    transition: all 0.3s ease; /* 过渡动画 */
    cursor: pointer; /* 鼠标悬停时显示指针 */
}

/* 新增样式规则，当.layer具有.active类时变为绿色 */
.layer.active {
    background: radial-gradient(circle at center, #90ee90 60%, #32cd32 100%); /* 绿色渐变背景 */
    border-color: rgba(0, 128, 0, 0.5); /* 绿色边框 */
    box-shadow: 0 6px 12px rgba(0, 100, 0, 0.4), /* 更深的绿色阴影效果 */
    inset 0 3px 6px rgba(255, 255, 255, 0.7); /* 更亮的内阴影 */
}

.layer:hover {
    color: #0b0b0b;
    display: flex; /* 使用flex布局使内容居中 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    border-radius: 20%; /* 使div成为圆形 */
    width: 190px; /* 设置宽度，使其成为正圆 */
    height: 40px; /* 设置高度，使其成为正圆 */
    transform: scale(1.1); /* 鼠标悬停时放大效果 */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4), /* 鼠标悬停时阴影加深 */
    inset 0 3px 6px rgba(255, 255, 255, 0.7); /* 鼠标悬停时内阴影加深 */
}
.layer-div {
    white-space: nowrap; /* 强制文本在同一行显示 */
    display: none;
}
.layer:hover .layer-div {
    display: block;
}

.layer-a {
    display: flex; /* 使用flex布局让内容居中 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    margin-bottom: 10px; /* 层与层之间的间隔，可根据需要修改 */
}

/* 粒子背景 */
#particles {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
}

a.nav-link-item.nav-active {
    background: linear-gradient(to right, #2575fc, #ff007f);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: bold;
}
#fixedButton {
    width: 70px;
    position: fixed;
    bottom: 10px;
    right: 20px;
    background-color: #1c12ad;
    color: white;
    padding: 15px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 24px;
}