main{
    margin:0 5%;
}
img.inText001{
width:15px;
height:15px;
margin:auto 25px 0 25px;
}
h1.t1 {
color: #333;
}
h2.topic{
    text-align:left;
    padding:1.5% 0 0.5% 0;
}
h2.topic  span {
    background:linear-gradient(150deg,rgba(180,100,255,0.2),rgba(45,125,255,0.05),rgba(45,125,255,0.01));
    padding:15px 20px 15px 15px;
    display:inline-block;
    min-width:450px;
    width:50%;
    border-radius:20px;
}
h2.topic span > i{
    background:rgba(45,125,255,0.7);
    color:#FFF;
    font-weight:400;
    padding:2px 12px;
    font-style:normal;
    border-radius:6px;
    margin:0 30px 0 5px;
}



#tools{
    /*
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    gap:20px;
    
    justify-content: center; 
          */
    padding:10px;
    background:linear-gradient(90deg,rgba(45,125,255,0.15),rgba(255,255,255,0),rgba(255,255,255,0),rgba(255,255,255,0));
  
}
#tools > ul{
    list-style-type:malayam;
}
#tools > ul > li{
    margin:20px;
}
#tools > ul > li > a{
    padding:5px 0 5px 20px;
}


.itemCollection {
padding:1% 2%;
border:0px solid #f0f0f0;
border-radius:10px;
display: flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:left; /* center: 水平方向 堆砌在中间一堆 */
gap:35px;
background:#FFF;
}

.itemCollection .item {
display: flex;
flex:0.2 1 auto;
flex-direction: column;
align-items: center;
padding:10px;
border-radius:2px;
border: 1px solid rgba(144,140,230,0.3);
transition: all 0.1s ease; /* 缩短过渡时间 */
transform: translateY(0); /* 为transform变化做准备 */
background: linear-gradient(45deg, rgba(210,215,255,0.3),rgba(212,225,255,0.1),rgba(215,235,255,0.3),rgba(215,235,255,0.3));
position:relative;
min-height:200px;
min-width:160px;

}

.itemCollection .item:hover{

}

.itemCollection .item > .title{
    display:block;
    font-size:22px;
    font-weight:bold;
    line-height:2;
    color:#333;
    
}
.itemCollection .item > .title > font{
    font-weight:200;
    padding:0 5px;
}

.itemCollection .item > .imgageCollection{
    display:flex;
    flex-direction:row;
    gap:0 10px;
    justify-content: center;
    align-items: center;
    padding:20px 0 30px 0;
}

.itemCollection .item img{
    filter:drop-shadow(1px 1px 1px rgba(70,100,255,0.2));
}

.itemCollection .item .imgageCollection > .left{
    width:40px;
}
.itemCollection .item .imgageCollection > .left2{
    width:35px;
}
.itemCollection .item .imgageCollection > .Muti {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin:20px;
}
.itemCollection .item .imgageCollection > .Muti > img{
    width:35px;
}
.itemCollection .item .imgageCollection > .middle{
    width:15px;
}
.itemCollection .item .imgageCollection > .right{
    width:40px;
}
.itemCollection .item .entry{

}
.itemCollection .item .entry > a{
    color:rgba(45,125,255,1);
    background: linear-gradient(90deg, rgba(210,215,255,0.5),rgba(212,225,255,0.1),rgba(215,235,255,0.5),rgba(215,235,255,0.5));
    border:1px solid rgba(45,125,255,0.3);
    border-radius:15px;
    padding:5px;
    letter-spacing:1px;
    transition: all 0.3s ease;
    width:150px;
    display:inline-block;
    text-align:center;
    font-size:16px;
}
.itemCollection .item .entry > a:hover{
    border:1px solid rgba(45,125,255,0);
    background:linear-gradient(90deg,rgba(180,100,255,1),rgba(45,125,255,1));
    color:#fff;
     letter-spacing:2px;
     text-decoration:none;
}