html,body{
    width:100%;
    height:100%;
    overflow: hidden;
}
html{
    background:url("/static/images/ellipse-deco.png") no-repeat 500px 0px;
    background-size:80%;
}
body{
    background:url("/static/images/robot.png") right bottom no-repeat;
    background-size: auto 80%;
}

.pancel{
    width:50%;
    height:auto;
    position: fixed;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}
.pancel h2{
    font-size:80px;
    margin-bottom:50px;
    color:#000;
}
.pancel h2 span{
    font-size:20px;
    display:block;
    margin-top:30px;
}
.pancel ul{
    list-style:none;
    display:flex;
    gap:20px;
}
.pancel ul li{
    font-size:26px;
    font-weight:bold;
    cursor: pointer;
}
.pancel ul li:hover{
    color:#0023ea;
}



/* 触摸设备（如手机） */
@media (hover: none) and (pointer: coarse) {
    html{
        background:url("/static/images/ellipse-deco.png") no-repeat 200px 500px;
        background-size:200%;
    }
    body{
        background:url("/static/images/robot.png") no-repeat 400px 530px;
        background-size: auto 70%;
    }


    .pancel{
        width:50%;
        height:auto;
        position: fixed;
        top:50%;
        left:50%;
        transform: translate(-80%, -50%);
    }
    .pancel h2{
        font-size:140px;
        margin-bottom:100px;
        color:#000;
    }
    .pancel h2 span{
        font-size:40px;
        display:block;
        margin-top:30px;
    }
    .pancel ul{
        list-style:none;
        display:flex;
        gap:20px;
        flex-wrap: wrap;
    }
    .pancel ul li{
        font-size:40px;
        font-weight:bold;
        cursor: pointer;
    }
    .pancel ul li:hover{
        color:#0023ea;
    }
}