@charset "UTF-8";.page-activity{background:#e4f9f5;min-height:100vh}.page-activity .line{display:flex;flex-wrap:wrap;justify-content:space-between}.page-activity .card{background-color:#00b894b3;border:16px solid #fff;border-radius:20px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.page-activity .card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.page-activity .card-text{color:#fff;font-size:24px;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.page-activity .card-container{position:relative}.page-activity .card-container.card1 .card{background:url(https://cdn1.ali.codinghou.cn/typing/pc/icons/qwerty.jpeg) top no-repeat;background-size:100% 100%}.page-activity .card-container:hover .overlay{opacity:1}.page-activity .overlay{align-items:center;background:#000000b3;border:16px solid transparent;border-radius:20px;display:flex;height:100%;justify-content:center;inset:0;opacity:0;position:absolute;transition:opacity .3s ease;width:100%}.page-activity .overlay-content{color:#fff;text-align:center}.page-activity .overlay-content p{font-size:18px;margin-bottom:15px}.page-activity .overlay-content .urge-btn{background:#30e3ca;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:700;padding:8px 20px;transition:background .3s ease}.page-activity .overlay-content .urge-btn:hover{background:#11999e}.page-activity .overlay-content .urge-btn[disabled]{background:#ccc;cursor:not-allowed}.page-activity .overlay-content .urge-btn[disabled]:hover{background:#ccc}@media (max-width:768px){.page-activity .line{justify-content:center}.page-activity .card-container{margin:0 5px 10px}}