*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}.tab-bar{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:space-around;background-color:#fff;border-top:1px solid #ccc;padding:5px 0}.tab-item{text-align:center;flex:1;font-size:12px;cursor:pointer;padding:5px 0;border-radius:5px;-webkit-tap-highlight-color:transparent;color:gray;transition:color .5s ease-in-out}.tab-item.active{color:red}.tab-item img{width:24px;height:24px;display:block;margin:0 auto 2px;transition:transform .2s ease-in-out}.iframe-container{width:100%;height:calc(100vh - 60px);border:none;transition:opacity 1s ease-in-out}body.modal-active::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9}#alertBox{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:12px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.2);z-index:10;display:none;width:300px;animation:fadeIn .4s ease-in-out}#alertBox p{font-size:18px;font-weight:700;margin-bottom:15px}.alert-buttons{display:flex;justify-content:center;gap:12px}.alert-buttons button{border:none;padding:10px 16px;cursor:pointer;border-radius:6px;font-size:14px;font-weight:700;transition:.2s;background-color:pink;color:#fff}.alert-buttons button:hover{background-color:#ff9aad}@keyframes fadeIn{from{opacity:0;transform:translate(-50%,-55%)}to{opacity:1;transform:translate(-50%,-50%)}}