/* 海报图区域 */
.poster-section {
    margin-top: 43px; /* 轻微遮挡 导航高50px*/
    width: 100%;
    height: 320px; /* banner高原来是300px */
    overflow: hidden;
}

.poster-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 整体内容区 */
.content-section {
    padding: 40px 60px; /* 之前边窄的是40PX 20PX */
}

.category-section {
    margin-bottom: 40px;
}

.category-section h2 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 22px;
}
/* 常用网站区 */
.web-list {
    display: grid;
    grid-template-columns: repeat(8, 1fr); /* 网站每行10个 之前是6个 */
    grid-gap: 30px;
}

.web-item {
    background: rgba(34, 34, 34, 0.2); /* 降低初始透明度 */
    backdrop-filter: blur(8px); /* 降低模糊 */
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease; /* 过渡效果 */
    transform: scale(1); /* 初始缩放比例 */
}

.web-item:hover {
    background: rgba(34, 34, 34, 0.6);
    transform: scale(1.06); 
    box-shadow: 0 0 20px #6546b9; /* 第一版是#7544ad */
    border-color: #6546b9; /* 第一版是#7544ad */
}
/* 常用网站按钮 */
.web-btn {
    display: inline-block;
    color: #a8a2ad;
    text-decoration: none;
    padding: 0px 10px;
    border-radius: 5px;
    transition: background-color 0.3s ease, transform 0.3s ease; /* 增加过渡效果 */
}

.web-btn:hover {
    transform: scale(1.1); /* 悬停时按钮放大 */
}

/* 软件下载区 */
.software-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* 之前每行5个模块 */
    grid-gap: 30px;
}

.software-item {
    background: rgba(34, 34, 34, 0.2); /* 降低初始透明度 */
    backdrop-filter: blur(8px); /* 降低模糊 */
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease; /* 过渡效果 */
    transform: scale(1); /* 初始缩放比例 */
}

.software-item:hover {
    background: rgba(34, 34, 34, 0.6); /* 悬停增加背景透明度 */
    transform: scale(1.06); /* 悬停放大模块 */
    box-shadow: 0 0 20px #6546b9; /* 第一版是#7544ad */
    border-color: #6546b9; /* 第一版是#7544ad */
}
.software-item p {
    color: #807d81;
    margin-bottom: 10px;
    font-size: 13px;
}

.software-item h3 {
    color: #d6d2d8;
    margin-bottom: 15px;
    font-size: 16px;
}
/* 下载按钮 */
.download-btn {
    display: inline-block;
    background-color: #6546b9; /* 第一版是#7544ad */
    color: #d6d2d8;
    text-decoration: none;
    padding: 7px 20px;
    border-radius: 10px;/*原来是5*/
    transition: background-color 0.3s ease, transform 0.3s ease; /* 增加过渡效果 */
}

.download-btn:hover {
    background-color: #593ca7; /* 第一版是#7544ad */
    transform: scale(1.1); /* 悬停时按钮放大 */
}
/* 遮挡圆框 */
.software-item img {
    width: 60px;/*原来是80*/
    height: 60px;/*原来是80*/
    margin-bottom: 12px;
    border-radius: 50%;
    object-fit: cover;
    transition: transform 0.3s ease; 
} 
.web-item img {
    width: 50px;
    height: 50px;
    margin-bottom: 12px;
    border-radius: 50%;
    object-fit: cover;
    transition: transform 0.3s ease; 
} 

.software-item:hover img {
    transform: scale(1.1); 
}


/* 知识库 */
 .knowledge-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 30px;
    margin-top: 20px; /* 30px */
}

.knowledge-item {
    background: rgba(34, 34, 34, 0.2);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    transform: scale(1);
}

.knowledge-item:hover {
    background: rgba(34, 34, 34, 0.5);
    transform: scale(1.05);
    box-shadow: 0 0 20px #6546b9; /* 第一版是#7544ad */
    border-color: #6546b9; /* 第一版是#7544ad */
}

.knowledge-item img {
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
    border-radius: 50%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.knowledge-item:hover img {
    transform: scale(1.1);
}

.knowledge-item p {
    color: #fff;
    margin-bottom: 10px;
    font-size: 13px;
}

.knowledge-item h3 {
    color: #d6d2d8;
    margin-bottom: 15px;
    font-size: 16px;
} 

/* 知识库按钮 */
.knowledge-btn {
    display: inline-block;
    background-color: #6546b9; /* 第一版是#7544ad */
    color: #d6d2d8;
    text-decoration: none;
    padding: 6px 25px; /* 原来方的是 8px 20px; */
    border-radius: 30px;/*原来方的是5*/
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.knowledge-btn:hover {
    background-color: #593ca7;  /* 第一版是#7544ad */
    transform: scale(1.1);
} 

/* 自适应布局 */
@media screen and (max-width: 1200px) {
    .web-list,
    .software-list,
    .knowledge-list {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media screen and (max-width: 992px) {
    .web-list,
    .software-list,
    .knowledge-list {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .web-list,
    .software-list,
    .knowledge-list {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 576px) {
    .web-list,
    .software-list,
    .knowledge-list {
        grid-template-columns: 1fr;
    }
}