*{box-sizing:border-box;margin:0;padding:0}body{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}html,body{color:#333;-webkit-overflow-scrolling:touch;background-color:#f5f5f5;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}body{position:relative;overflow-y:auto}.image-container{width:100%;display:block}.image-item{object-fit:cover;width:100%;height:auto;margin:0;padding:0;display:block}body{color:#333;background-color:#f5f5f5;margin:0;padding:0 0 80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.bottom-float-btn{color:#fff;cursor:pointer;z-index:100;text-align:center;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border-radius:50px;width:90%;padding:15px 30px;font-size:20px;font-weight:600;transition:all .3s;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #28a7454d}.bottom-float-btn:hover{transform:translate(-50%)translateY(-3px);box-shadow:0 12px 35px #28a74566}.bottom-float-btn:active{transform:translate(-50%)translateY(-1px);box-shadow:0 6px 20px #28a7454d}.qrcode-modal{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:none;position:fixed;top:0;left:0}.qrcode-modal.show{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.qrcode-modal-content{text-align:center;background-color:#fff;border-radius:20px;width:400px;max-width:90%;padding:30px;animation:.3s slideUp;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.qrcode-modal-header h2{color:#e74c3c;margin-bottom:10px;font-size:20px}.qrcode-modal-header p{color:#3498db;margin-bottom:20px;font-size:16px}.qrcode-image img{border:2px solid #eee;border-radius:10px;width:250px;height:250px;margin-bottom:20px}.qrcode-modal-footer p{color:#3498db;margin-bottom:15px;font-size:14px}.avatar-list{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.avatar-list img{border:2px solid #fff;border-radius:50%;width:40px;height:40px;box-shadow:0 2px 8px #0000001a}.qrcode-modal-close{color:#666;cursor:pointer;background-color:#eee;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;transition:all .3s;display:flex;position:absolute;top:15px;right:15px}.qrcode-modal-close:hover{color:#fff;background-color:#e74c3c;transform:rotate(90deg)}@media (width<=768px){.bottom-float-btn{padding:12px 25px;font-size:18px;bottom:15px}.qrcode-modal-content{width:95%;padding:20px}.qrcode-image img{width:200px;height:200px}.qrcode-modal-header h2{font-size:18px}.qrcode-modal-header p{font-size:14px}}@media (width<=480px){.bottom-float-btn{padding:10px 20px;font-size:17px;bottom:10px}.qrcode-image img{width:180px;height:180px}}.footer-img{width:100%;height:auto;margin:0 auto;display:block}