.A2danList { background-color: rgba(0, 0, 0, 0.6); backdrop-filter: blur(4px); padding: 60px 0 0; text-align: center; :global { .A2Dmain { max-width: 835px; margin: 0 auto; padding: 0 40px; height: calc(100% - 160px); overflow-y: auto; display: flex; flex-wrap: wrap; align-content: flex-start; .A2Drow { max-width: 180px; margin-right: 1%; width: 49%; height: 100px; margin-bottom: 10px; .adm-image { cursor: pointer; } img { width: 100%; height: 100px; object-fit: contain !important; } .adm-image-tip { width: 100%; height: 100px; } .imgLoding { width: 100%; height: 100px; display: flex; justify-content: center; align-items: center; color: #fff674; } } } .A2Dnum { margin: 20px 0 5px; font-size: 18px; font-weight: 700; /* 设置渐变背景 */ background-image: linear-gradient(to bottom, #ffffff, #fff674, #ffb200, #fc7107); /* 以下行确保浏览器兼容性 */ -webkit-background-clip: text; /* Safari/Chrome */ -moz-background-clip: text; /* Firefox */ -ms-background-clip: text; /* IE (部分版本) */ background-clip: text; /* 标准属性 */ color: transparent; /* 将文字颜色设置为透明,以显示背景渐变 */ display: inline-block; /* 确保背景渐变适应文字内容 */ } .A2Dtxt { color: #fff; } .A2Dclose { cursor: pointer; width: 36px; height: 36px; color: #fff; border-radius: 18px; border: 1px solid #fff; font-size: 22px; display: flex; justify-content: center; align-items: center; margin: 15px auto 0; } } }