@keyframes shake{0%{transform:translate(0)}25%,75%{transform:translate(-1.5px) rotate(6deg)}100%,50%{transform:translate(1.5px) rotate(0)}}
@media only screen and (max-width:767px){
body{margin:0;padding:0;box-sizing:border-box;width:100%;background:#000}
.container{margin:0;padding:0;min-height:100vh;min-height:100svh;height:auto;width:100%;cursor:pointer}
.top_header{width:100%;height:auto;display:block;position:fixed;top:0;z-index:99}
.btn_box{position:relative}
.down_btn_box{width:90%;height:fit-content;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
#down_btn_ic{display:block}
#down_btn_none{display:none}
.down_load_text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;color:#fff}
.finger_ic{position:absolute;top:45%;left:75%;transform:translate(-50%,-50%);width:35px;height:33px;object-fit:contain;animation:1s ease-in-out infinite shake}
.btn_ic{width:100%;height:auto;display:block;object-fit:contain}
#progress-btn{position:absolute;top:0;left:0;width:0%;height:100%;background:rgb(0,0,0,20%);border-radius:8px;max-width:100%}
img{max-width:100%;height:auto;display:block}
.top_header img{width:100%}
}
@media only screen and (min-width:768px){
body{margin:0 auto;padding:0;background:#000}
.container{max-width:480px;margin:0 auto;position:relative;cursor:pointer}
.top_header{max-width:480px;width:100%;position:fixed;top:0;z-index:99}
.top_header img{width:100%;display:block}
.btn_box{position:relative}
.down_btn_box{width:90%;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
#down_btn_ic{display:block}
#down_btn_none{display:none}
.down_load_text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;color:#fff}
.finger_ic{position:absolute;top:45%;left:75%;transform:translate(-50%,-50%);width:35px;height:33px;object-fit:contain;animation:1s ease-in-out infinite shake}
.btn_ic{width:100%;height:auto;display:block;object-fit:contain}
#progress-btn{position:absolute;top:0;left:0;width:0%;height:100%;background:rgb(0,0,0,20%);border-radius:8px;max-width:100%}
img{max-width:100%;height:auto;display:block}
}

/* 頁尾品牌文字（SEO 可見文字區） */
.brand-footer{background:#000;text-align:center;padding:18px 24px 26px;color:#8d8172}
.brand-footer h1{margin:0 0 6px;font-size:15px;font-weight:700;color:#b3a58f;font-family:Arial,Helvetica,sans-serif}
.brand-footer p{margin:0 auto;max-width:640px;font-size:11px;line-height:1.6;font-family:Arial,Helvetica,sans-serif}