body{background-color:#fff;margin:0;font:14px/1.6 "Microsoft YaHei";color:#0068d7;}
body,html{min-height:100%;}
.container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;margin:0 auto;}
.main{width:min(100%,1200px);margin:clamp(-160px,-6vw,-20px) auto 0;padding:clamp(32px,5vw,64px) clamp(20px,4vw,60px);display:flex;flex-direction:column;gap:clamp(16px,2vw,32px);text-align:center;}
.domain{padding:clamp(48px,8vw,120px) clamp(16px,4vw,60px) clamp(16px,4vw,40px);color:#0068d7;font-size:clamp(32px,6vw,60px);font-weight:600;line-height:1.2;text-align:center;word-break:break-word;}
.content{padding:clamp(24px,4vw,40px) 0;border:1px solid #f0f0f0;border-width:1px 0;text-align:center;}
.content .h2{padding:10px 0;font-size:32px;color:#6e7e8e;line-height:40px;word-wrap:break-word}
.content .text{padding:10px 0;font-size:16px;color:#6e7e8e}
.content a{color:#FF0000;font-size:clamp(18px,3vw,26px);}
.info-card{width:60%;margin:0 auto;text-align:left;font-size:18px;line-height:28px;color:#0068d7;}
.info-card p{margin-bottom:12px;}
.info-card p:last-child{margin-bottom:0;}
#weixin{position:relative;cursor:pointer;display:inline-flex;align-items:center;gap:12px;margin-top:10px;}
#weixin .qr-preview{display:none;position:absolute;top:calc(100% + 1px);left:50%;transform:translateX(-50%);padding:8px;background:#fff;border:1px solid #ddd;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:10;border-radius:6px;}
#weixin:hover .qr-preview,#weixin:focus-within .qr-preview{display:block;}
#weixin .qr-preview img{width:180px;height:180px;max-width:none;display:block;margin:0 auto;object-fit:contain;}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;cursor:pointer;border-radius:4px;transition:background 0.3s ease,box-shadow 0.3s ease;border:none;}
.btn.btn_blue{color:#fff;font-size:14px;background:#0068d7;box-shadow:0 6px 18px rgba(0, 104, 215, 0.3);}
.btn.btn_blue:hover{background:#0068d7;}
.header,.footer{width:100%;background-repeat:no-repeat;background-size:100% auto;background-position:center top;}
.header{background-image:url(../images/header.png);padding-top:17.35%;}
.footer{background-image:url(../images/footer.png);padding-top:20.16%;}
@media (max-width:992px){
    .main{padding:clamp(24px,6vw,48px) clamp(16px,5vw,40px);}
    .info-card{width:80%;}
}
@media (max-width:768px){
    html,body{height:100%;}
    body{overflow:hidden;}
    .container{min-height:100vh;}
    .header{padding-top:22vh;background-size:cover;}
    .footer{padding-top:24vh;background-size:cover;}
    .main{flex:1;width:100%;margin:0 auto;padding:24px 20px 12px;gap:16px;}
    .domain{padding:40px 0 16px;}
    .content{border-width:0;}
    .info-card{width:100%;font-size:16px;line-height:24px;text-align:center;}
    #weixin{flex-direction:column;}
}
@media (max-width:480px){
    .main{padding:24px 16px;}
    .info-card{font-size:15px;}
    .btn{width:100%;}
}
@media (min-width:1200px){
    html,body{height:100%;}
    body{overflow:hidden;}
    .container{height:100vh;}
    .main{flex:1;padding:40px 80px 32px;}
    .domain{padding:60px 40px 20px;font-size:62px;}
    .content{padding:24px 0;}
    .info-card{width:55%;}
}