html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}


html {
    background: url("/static/images/ellipse-deco.png") no-repeat 70% -20%;
    background-size: 80%;
}

body {
    background: url("/static/images/mountain.png") no-repeat;
    background-size: auto 80%;
    background-position: .8rem 1.2rem;
}

.content {
    width: 80%;
    height: 80%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: auto;
    /* 允许滚动 */
    padding: .2rem;
    box-sizing: border-box;
    -ms-overflow-style: none;
    /* IE & 旧版 Edge */
    scrollbar-width: none;
    /* Firefox */
}

.content .head h3 {
    font-size: .06rem;
    margin-bottom: .01rem;
    text-transform: uppercase;
}
.content .head h3 span {
    font-size: .04rem;
    color: #165dff;
    margin-left: .02rem;
}

.content .head p {
    font-size: .024rem;
    margin-bottom: .12rem;
}

.content form {
    overflow: hidden;
    width: 2rem;
}

.content dl {
    width: .8rem;
    font-size: .025rem;
    margin-bottom: .02rem;
    float: left;
}

.content dl dt {
    font-weight: 500;
    margin-bottom: .02rem;
}

.content dl input,
.content dl textarea {
    font-size: .03rem;
    padding: .02rem;
    box-sizing: border-box;
    background: none;
    border: 1px solid #ccc;
    outline: none;
    border-radius: .01rem;
}
.content dl input:focus,
.content dl textarea:focus{
    border-color: #165dff;
}

.content dl input {
    height: .06rem;
    width: .7rem;
}

.content dl textarea {
    width: 1.5rem;
    resize: none;
}

.content dl button {
    height: .06rem;
    width: .3rem;
    background: #0023ea;
    color: #fff;
    border: 1px solid #0023ea;
    outline: none;
    border-radius: .3rem;
    cursor: pointer;
}

.content dl.full {
    width: 100%;
}



/* Flash消息样式 */
.alert {
    padding: .02rem;
    margin-bottom: .02rem;
    border: 1px solid transparent;
    border-radius: .02rem;
    font-size: .024rem;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}





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

    body {
        background: none;
    }

    .contact {
        width: 80%;
        height: auto;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        overflow: auto;
        /* 允许滚动 */
        padding: .2rem;
        box-sizing: border-box;
        /* 隐藏滚动条但保留滚动能力 */
        -ms-overflow-style: none;
        /* IE & 旧版 Edge */
        scrollbar-width: none;
        /* Firefox */
    }


}