body{margin:0;padding:0;font-family:"Helvetica Neue",Helvetica,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;font-size:0.85rem;-moz-osx-font-smoothing:grayscale;overscroll-behavior-x:auto;overscroll-behavior-y:none}
.w-full{width:100%}
.h-full{height:100%}
.flex{display:flex}
.relative{position:relative}
.absolute{position:absolute}
.justify-center{justify-content:center}
.object-cover{object-fit:cover}

.main{display:flex;justify-content:center;align-items:center;background-size:0 0;width:100%;height:100%;position:fixed;background-image:url(../image/66db34bb87882.jpg)}
.main:before{content:"";z-index:-1;position:inherit;left:inherit;top:inherit;width:inherit;height:inherit;background-image:inherit;background-size:cover;background-position:center;filter:blur(100px);transform:scale(1.2);will-change:filter}
.PageFrame{overflow:hidden;height:100vh;position:relative;}
.Profile{background-image:none;background-position:50% 15%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;overflow:hidden auto;max-height:100%;}
.Profile_bg{width:680px;height:fit-content;margin-bottom:0;padding:0px 20px 100px;}

.top{text-align:center;height:520px;margin-top:0px;margin-left:-20px;margin-right:-20px;width:calc(100% + 40px);}
.top .txt{bottom:0;z-index:10;}
.top .txt h1{font-size:21px;font-weight:700;margin-bottom:4px;text-shadow:rgba(0,0,0,0.25) 0px 0.5px 1px;display:flex;justify-content:center;align-items:center;}
.top .txt div{font-size:16px;font-weight:400;margin-bottom:8px;text-shadow:rgba(0,0,0,0.25) 0px 0.5px 1px;}

.box{max-width:560px;margin-left:auto;margin-right:auto;}
.box>img{border-radius:8px;}
.box h1,.box h2{text-align:center;}
.box h1{font-size:18px;}
.box h2{font-size:16px;font-weight:normal;margin-bottom:20px;}

.link{margin-top:35px;margin-bottom:45px;}
.link a{align-items:center;text-decoration:none;border-radius:8px;background-color:#1a4a44;color:#fff;text-transform:none;box-shadow:none;font-size:16px;padding:8px;margin:16px 0;border:2px solid rgba(255,255,255,0);display:flex;pointer-events:auto;}
.link a .w-full{text-align:center;white-space: pre-wrap;min-width: 0;}
.link a:cover{ background:#fff; }
.link .wapp{width:3.5rem;align-items:center;}
.link img{object-fit:cover;border-radius:8px;width:45px;height:45px;}

@keyframes bounce_small_infinite {
    0%,10%,26.5%,40%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0)
    }
    20%,21.5% {
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-10px,0)
    }
    35% {
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-10px,0)
    }
    42.5% {
        transform: translate3d(0,-2px,0)
    }
}
.bounce_small_infinite {
    animation-name: bounce_small_infinite;
    transform-origin: center bottom;
    animation-duration: 4s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}

@media(min-width:480px){
    .Profile{padding-top:72px;}
    .Profile_bg{border-radius:24px;margin-bottom:144px;}
    .top{max-width:420px;margin-top:80px;margin-left:auto;margin-right:auto;}
    .top img{border-radius:16px;}
}



.appicon{height:2.8rem;width:2.8rem;margin:auto;position:fixed;bottom:46%;right:.8rem;}
.appicon img{height:2.8rem;width:2.8rem;border-radius:.8rem;display:block}

.ptitle{font-size:.8rem;text-align:center;margin-bottom:.8rem;border-bottom:1px solid #eee;padding-bottom:.2rem;}
.box dl{margin-bottom:1rem;font-size:.7rem;}
.box dl dt{width:2rem;float:left;padding-top:.3rem;}
.box dl dt img{height:2rem;width:2rem;border-radius:2rem;display:block;}
.box dl dd{margin-left:2.5rem;}