*{
    box-sizing:border-box;
}


body{

    margin:0;
    padding:0;

    font-family:
    Arial,
    "ヒラギノ角ゴ Pro",
    Meiryo,
    sans-serif;

    background:#B3B1B1;

    display:flex;
    flex-direction:column;
    align-items:center;

    min-height:100vh;

    padding-bottom:120px;

}


/* 头像 */

.image-container{

    width:96px;
    height:96px;

    border-radius:50%;

    overflow:hidden;

    margin-top:30px;
    margin-bottom:20px;

}


.image-container img{

    width:100%;
    height:100%;

    object-fit:cover;

}




/* 文案 */


.text-container{

    width:90%;
    max-width:600px;

    text-align:center;

}



.text-container h1{

    font-size:24px;

    color:#222;

    font-weight:bold;

}



.text-container p{

    font-size:16px;

    color:#222;

    line-height:1.8;

    font-weight:bold;

    text-align:justify;

}




/* 主按钮 */


.button,
.second-button{


    width:90%;

    max-width:600px;


    padding:16px;


    margin-top:20px;


    border-radius:35px;


    border:2px solid #ddd;


    background:white;


    font-size:18px;


    font-weight:bold;


    box-shadow:
    0 5px 15px rgba(0,0,0,.15);


}





/* 图片 */

.second-image-container{


    width:90%;

    max-width:600px;


    margin-top:30px;


    position:relative;


}


.second-image-container img{


    width:100%;

    display:block;


    border-radius:10px;


}



.second-text-overlay{


    position:absolute;


    bottom:0;

    left:0;


    width:100%;


    min-height:60px;


    padding:12px;


    background:
    rgba(0,0,0,.65);


    color:white;


    font-size:15px;


    font-weight:bold;


    line-height:1.4;


    display:flex;

    align-items:center;


    border-radius:
    0 0 10px 10px;


}




/* =====================
 Facebook 视频
===================== */


.video-box{


    width:90%;


    max-width:560px;


    height:420px;


    margin:35px auto;


    background:#000;


    border-radius:15px;


    overflow:hidden;


}




.video-box iframe{


    width:100% !important;


    height:420px !important;


    border:0;


    display:block;


}






.video-box button{


    width:100%;


    height:100%;


    background:#111;


    color:white;


    border:none;


    font-size:20px;


    font-weight:bold;


}





/* LINE按钮 */


.second-button{


    display:flex;


    justify-content:center;


    align-items:center;


    gap:12px;


    margin-bottom:40px;


    animation:pulse 2s infinite;


}



.second-button img{


    width:50px;


    height:50px;


    border-radius:50%;


}




/* 隐私 */


.privacy{

    margin-bottom:100px;

}




/* FOMO */


.notice-box{


    position:fixed;


    left:20px;


    bottom:100px;


    background:white;


    padding:12px 20px;


    border-radius:30px;


    font-size:14px;


    font-weight:bold;


    box-shadow:
    0 5px 20px rgba(0,0,0,.25);


    display:none;


    z-index:9999;


}






/* 固定LINE */


.float-line{


    position:fixed;


    bottom:15px;


    left:5%;


    width:90%;


    height:60px;


    background:#06c755;


    color:white;


    border-radius:40px;


    display:flex;


    justify-content:center;


    align-items:center;


    font-size:18px;


    font-weight:bold;


    z-index:9999;


    box-shadow:
    0 5px 20px rgba(0,0,0,.3);


    animation:pulse 2s infinite;


}




.float-line img{


    width:40px;


    height:40px;


    border-radius:50%;


    margin-right:10px;


}






@keyframes pulse{


50%{

transform:scale(1.05);

}


}







/* 手机 */

@media(max-width:768px){


.text-container h1{

font-size:21px;

}



.text-container p{

font-size:14px;

}



.button,
.second-button{

font-size:16px;

padding:14px;

}



.second-button img{

width:42px;

height:42px;

}



/* 重点修改 */

.video-box{


width:92%;


height:300px;


}



.video-box iframe{


height:300px !important;


}



.float-line{


font-size:16px;

}



}