.page-apps-index .banner{background:url(https://cdn.codinghou.cn/coding/pc-ai/icons/AI-banner6.jpg) no-repeat 50%;background-size:auto 100%;height:200px}.page-apps-index .apps{display:flex;flex-wrap:wrap;gap:.5rem}.page-apps-index .apps .app{border-radius:10px;filter:grayscale(30%);opacity:.7;position:relative;box-sizing:border-box;width:15rem;overflow:hidden;padding:.5rem}.page-apps-index .apps .app.active,.page-apps-index .apps .app:hover{background:linear-gradient(180deg,#53bcd8,#cef6ff);filter:grayscale(0);opacity:1}.page-apps-index .apps .app.active .appname,.page-apps-index .apps .app:hover .appname{background:linear-gradient(180deg,#cef6ff,#53bcd8)}.page-apps-index .apps .app .pics{box-sizing:border-box;display:flex}.page-apps-index .apps .app .pics .image1{border-radius:10px 0 0 10px}.page-apps-index .apps .app .pics .image2{border-radius:0 10px 10px 0}.page-apps-index .apps .app .pics img{box-sizing:border-box;display:block;width:50%;height:100%;flex:1 1 0%}.page-apps-index .apps .app .appname{background:#f3f4f9;border-radius:10px;left:50%;top:50%;transform:translate(-50%) translateY(-50%);z-index:100;position:absolute;padding:.5rem;text-align:center;font-size:1.125rem;line-height:1.75rem;font-weight:700}.page-apps-index .btn-goapp{background:linear-gradient(180deg,#19e8e0,#2974f6 92%,#2974f6),#fff;height:32px;line-height:32px;width:7.5rem;cursor:pointer;border-radius:.375rem;text-align:center;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}