a{text-decoration:none;color:#000}body{margin:0}*,body{box-sizing:border-box}.update-notification-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);display:flex;justify-content:center;align-items:center;z-index:9999;backdrop-filter:blur(4px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.update-notification-dialog{background:linear-gradient(135deg,#1e2a52,#2c3e50);border-radius:16px;width:90%;max-width:520px;box-shadow:0 8px 32px rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.15);animation:slideUp .4s ease;position:relative;overflow:hidden}.update-notification-dialog:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f7b500,#ff6b6b,#409eff,#18e7ca);background-size:300% 100%;animation:gradientShift 3s ease infinite}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.update-header{padding:24px 24px 16px;justify-content:space-between;border-bottom:1px solid hsla(0,0%,100%,.1);position:relative}.update-header,.update-icon{display:flex;align-items:center}.update-icon{position:absolute;left:50%;top:-20px;transform:translateX(-50%);width:56px;height:56px;background:linear-gradient(135deg,#f7b500,#ff9500);border-radius:50%;justify-content:center;box-shadow:0 4px 16px rgba(247,181,0,.4);border:3px solid #1e2a52}.update-icon i{font-size:28px;color:#fff;animation:starRotate 4s ease-in-out infinite}@keyframes starRotate{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}}.update-title{flex:1;text-align:center;font-size:1.4rem;font-weight:600;color:#fff;margin:0;padding-top:20px;letter-spacing:1px}.close-icon{position:absolute;top:16px;right:16px;width:32px;height:32px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.close-icon i{font-size:16px;color:#a0a0ff}.close-icon:hover{background:hsla(0,0%,100%,.15);transform:rotate(90deg)}.update-content{padding:24px;max-height:400px;overflow-y:auto}.update-content::-webkit-scrollbar{width:6px}.update-content::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:3px}.update-content::-webkit-scrollbar-thumb{background:rgba(64,158,255,.3);border-radius:3px}.update-content::-webkit-scrollbar-thumb:hover{background:rgba(64,158,255,.5)}.update-item{display:flex;gap:16px;margin-bottom:20px;padding:16px;background:rgba(0,0,0,.2);border-radius:12px;border:1px solid hsla(0,0%,100%,.08);transition:all .3s ease;animation:itemSlideIn .5s ease forwards;opacity:0}.update-item:first-child{animation-delay:.1s}.update-item:nth-child(2){animation-delay:.2s}.update-item:hover{background:rgba(0,0,0,.3);border-color:rgba(64,158,255,.3);transform:translateX(4px)}.update-item:last-child{margin-bottom:0}@keyframes itemSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.update-badge{flex-shrink:0;padding:4px 10px;height:-moz-fit-content;height:fit-content;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.update-item:first-child .update-badge{background:linear-gradient(135deg,#ff6b6b,#ff9500);color:#fff;box-shadow:0 2px 8px hsla(0,100%,71%,.3)}.update-item:nth-child(2) .update-badge{background:linear-gradient(135deg,#409eff,#18e7ca);color:#fff;box-shadow:0 2px 8px rgba(64,158,255,.3)}.update-text{flex:1}.update-text h4{margin:0 0 8px 0;font-size:1.1rem;font-weight:600;color:#fff;letter-spacing:.3px}.update-text p{margin:0;font-size:.9rem;line-height:1.6;color:#c0c0ff}.update-footer{padding:16px 24px 24px;display:flex;justify-content:center;border-top:1px solid hsla(0,0%,100%,.1)}.update-confirm-btn{padding:12px 48px;background:linear-gradient(135deg,#409eff,#18e7ca);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.update-confirm-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.update-confirm-btn:active:before{width:300px;height:300px}.update-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(64,158,255,.5);filter:brightness(1.1)}@media (max-width:768px){.update-title{font-size:1.2rem}.update-text h4{font-size:1rem}.update-text p{font-size:.85rem}}