.myfooter{width:100%;color:#fff;background-image:linear-gradient(180deg,#0b2d5c,#061628 45%,#000);padding:56px 0 0}.myfooter__inner{width:min(1200px,100% - 40px);margin:0 auto}.myfooter__main{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;padding-bottom:48px}.myfooter__col{flex-shrink:0}.myfooter__col--ncap{flex:1.2 1}.myfooter__col--friend{flex:.9 1}.myfooter__col--qr{flex-shrink:0}.myfooter__title{margin:0 0 20px;font-size:18px;font-weight:700;line-height:1.2;color:#fff}.myfooter__ncap-lists{display:flex;gap:40px}.myfooter__friend-list,.myfooter__ncap-list{display:flex;flex-direction:column;gap:14px}.myfooter__link{display:block;font-size:14px;line-height:1.5;color:rgba(255,255,255,.72);text-decoration:none;white-space:nowrap;transition:color .2s ease}.myfooter__link:hover{color:#fff}.myfooter__qrcode-wrap{display:flex;gap:20px}.myfooter__qrcode-box{width:110px;text-align:center}.myfooter__qrcode-box p{margin:10px 0 0;font-size:13px;line-height:1.4;color:rgba(255,255,255,.72)}.myfooter__qrcode-img,.myfooter__qrcode-placeholder{display:block;width:100px;height:100px;margin:0 auto;background:#fff;object-fit:contain}.myfooter__copyright{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid rgba(128,157,199,.35);padding:24px 0 32px;font-size:13px;line-height:1.5;color:rgba(255,255,255,.55)}.myfooter__copyright p{margin:0}.myfooter__copyright a{color:inherit;text-decoration:none}.myfooter__copyright a:hover{color:rgba(255,255,255,.85)}.backtop{position:fixed;right:40px;bottom:40px;width:48px;height:48px;border:none;border-radius:50%;padding:0;background:#103770;box-shadow:0 4px 12px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:transform .2s ease,box-shadow .2s ease}.backtop:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.22)}.backtop .icon{width:100%;height:100%;object-fit:contain}@media(max-width:1024px){.myfooter{padding-top:48px}.myfooter__inner{width:calc(100% - 48px)}.myfooter__main{flex-wrap:wrap;gap:36px 32px;padding-bottom:40px}.myfooter__col--ncap{flex:1 1 100%}.myfooter__col--friend{flex:1 1;min-width:220px}.myfooter__col--qr{flex:0 0 auto;margin-left:auto}.myfooter__title{margin-bottom:16px;font-size:17px}.myfooter__ncap-lists{gap:32px}.myfooter__friend-list,.myfooter__ncap-list{gap:12px}.myfooter__link{font-size:13px}.myfooter__qrcode-wrap{gap:16px}.myfooter__qrcode-box{width:100px}.myfooter__qrcode-box p{margin-top:8px;font-size:12px}.myfooter__qrcode-img,.myfooter__qrcode-placeholder{width:90px;height:90px}.myfooter__copyright{flex-wrap:wrap;justify-content:center;gap:12px 24px;padding:22px 0 28px;text-align:center;font-size:12px}.backtop{right:32px;bottom:32px;width:44px;height:44px}.backtop .icon{width:100%;height:100%}}@media(max-width:768px){.myfooter{padding-top:44px}.myfooter__inner{width:calc(100% - 40px)}.myfooter__main{flex-direction:column;gap:32px;padding-bottom:36px}.myfooter__col--friend,.myfooter__col--ncap,.myfooter__col--qr{flex:none;width:100%;margin-left:0}.myfooter__title{margin-bottom:14px;font-size:16px}.myfooter__ncap-lists{gap:24px}.myfooter__qrcode-wrap{justify-content:flex-start;flex-wrap:wrap;gap:16px 20px}.myfooter__copyright{flex-direction:column;align-items:center;gap:8px;padding:20px 0 26px;font-size:12px}.backtop{right:24px;bottom:24px}}@media(max-width:640px){.myfooter{padding-top:36px}.myfooter__inner{width:calc(100% - 32px)}.myfooter__main{gap:28px;padding-bottom:30px}.myfooter__title{margin-bottom:12px;font-size:15px}.myfooter__ncap-lists{flex-direction:column;gap:12px}.myfooter__friend-list,.myfooter__ncap-list{gap:10px}.myfooter__link{font-size:13px}.myfooter__qrcode-wrap{width:100%;justify-content:space-between;gap:10px}.myfooter__qrcode-box{width:calc((100% - 20px)/3);min-width:0}.myfooter__qrcode-box p{margin-top:6px;font-size:11px;word-break:break-all}.myfooter__qrcode-img,.myfooter__qrcode-placeholder{width:100%;max-width:80px;height:auto;aspect-ratio:1}.myfooter__copyright{gap:6px;padding:18px 0 24px;font-size:11px}.backtop{right:16px;bottom:16px;width:40px;height:40px}.backtop .icon{width:100%;height:100%}}@media(max-width:375px){.myfooter__inner{width:calc(100% - 24px)}.myfooter__qrcode-wrap{gap:6px}.myfooter__qrcode-box{width:calc((100% - 12px)/3)}.myfooter__qrcode-box p{font-size:10px}.myfooter__copyright{font-size:11px}}