.logout-modal .ant-modal-content{background:var(--ip-white)!important;border:var(--stroke)!important;border-radius:var(--radius-head)!important;box-shadow:var(--shadow-hard)!important;overflow:hidden!important;padding:0!important}.logout-modal .ant-modal-body{padding:0}.logout-modal-content{padding:32px;text-align:center}.logout-icon-wrapper{width:80px;height:80px;background:var(--ip-red);border:var(--stroke);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:4px 4px 0 var(--ip-black);transition:all .3s cubic-bezier(.4,0,.2,1)}.logout-icon-wrapper:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ip-black)}.logout-icon-wrapper svg{width:40px;height:40px;color:var(--ip-white)}.logout-title{font-size:24px;font-weight:600;margin-bottom:12px}.logout-content,.logout-title{color:var(--ip-black);font-family:var(--font-cartoon)}.logout-content{font-size:16px;margin-bottom:32px;line-height:1.6}.logout-button-group{display:flex;gap:16px}.logout-cancel-btn{flex:1;height:48px;border:var(--stroke);background:var(--ip-white);border-radius:var(--radius-head);font-size:16px;font-weight:600;color:var(--ip-black);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-family:var(--font-cartoon)}.logout-cancel-btn:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--ip-black)}.logout-cancel-btn:active{transform:translate(2px,2px);box-shadow:none!important}.logout-confirm-btn{flex:1;height:48px;border:var(--stroke);background:var(--ip-red);border-radius:var(--radius-head);font-size:16px;font-weight:600;color:var(--ip-white);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-family:var(--font-cartoon)}.logout-confirm-btn:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--ip-black)}.logout-confirm-btn:active{transform:translate(2px,2px);box-shadow:none!important}.form-transition-container{position:relative;width:100%;max-height:1000px}.form-step{position:absolute;width:100%;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-step.no-animation{transition:none!important;animation:none!important}.form-step.active{transform:translateX(0);opacity:1;z-index:10;visibility:visible}.form-step.prev{transform:translateX(-100%)}.form-step.next,.form-step.prev{opacity:0;z-index:5;visibility:hidden}.form-step.next{transform:translateX(100%)}.form-step.active:not(.no-animation){animation:slide-in .4s cubic-bezier(.4,0,.2,1)}@keyframes slide-in{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.role-selection-enter{transform:translateX(100%);opacity:0}.role-selection-enter-active{transition:all .4s cubic-bezier(.4,0,.2,1)}.role-selection-enter-active,.role-selection-exit{transform:translateX(0);opacity:1}.role-selection-exit-active{transform:translateX(-100%);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.get-energy-modal .ant-modal-content{background:var(--ip-white)!important;border:var(--stroke)!important;border-radius:var(--radius-head)!important;box-shadow:3px 3px 0 var(--ip-black)!important;overflow:hidden!important;padding:0!important}.get-energy-modal .ant-modal-body{padding:0}.get-energy-modal .modal-header{background:var(--ip-blue);color:var(--ip-white);padding:16px 24px;border-bottom:var(--stroke);display:flex;justify-content:space-between;align-items:center}.get-energy-modal .modal-title{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:600;font-family:var(--font-cartoon)}.get-energy-modal .project-modal-close{background:var(--ip-white);border:var(--stroke);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:var(--ip-black);transition:all .3s cubic-bezier(.4,0,.2,1)}.get-energy-modal .project-modal-close:hover{transform:translate(-2px,-2px);box-shadow:2px 2px 0 var(--ip-black)}.get-energy-modal .modal-content{padding:24px}.get-energy-modal .redeem-input-group{display:flex;gap:12px}.get-energy-modal .redeem-input{flex:1;padding:12px 16px;border:var(--stroke);border-radius:var(--radius-head);font-size:16px;font-family:var(--font-cartoon);background:var(--bg-color);outline:none;transition:all .3s}.get-energy-modal .redeem-input:focus{box-shadow:3px 3px 0 var(--ip-black);transform:translate(-2px,-2px)}.get-energy-modal .redeem-btn{border:var(--stroke);border-radius:var(--radius-head);padding:12px 24px;font-weight:600;font-family:var(--font-cartoon);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--ip-blue);color:var(--ip-white)}.get-energy-modal .copy-btn:hover,.get-energy-modal .recharge-entry-btn:hover,.get-energy-modal .redeem-btn:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--ip-black)}.get-energy-modal .copy-btn:active,.get-energy-modal .recharge-entry-btn:active,.get-energy-modal .redeem-btn:active{transform:translate(2px,2px);box-shadow:none!important}.get-energy-modal .recharge-entry-btn{width:100%;padding:12px 24px;font-weight:600;font-family:var(--font-cartoon);cursor:pointer;background:var(--ip-yellow);color:var(--ip-black);margin-top:12px;font-size:18px}.get-energy-modal .invite-card,.get-energy-modal .recharge-entry-btn{border:var(--stroke);border-radius:var(--radius-head);transition:all .3s cubic-bezier(.4,0,.2,1)}.get-energy-modal .invite-card{background:var(--bg-color);padding:20px;text-align:center}.get-energy-modal .invite-card:hover{transform:translateY(-4px);box-shadow:3px 3px 0 var(--ip-black)}.get-energy-modal .copy-btn{align-items:center;padding:12px 24px;font-weight:600;font-family:var(--font-cartoon);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--ip-blue);color:var(--ip-white)}.get-energy-modal .copy-btn,.get-energy-modal .invite-link-wrapper{display:flex;gap:8px;border:var(--stroke);border-radius:var(--radius-head)}.get-energy-modal .invite-link-wrapper{align-items:stretch;background:var(--ip-white);padding:4px}.get-energy-modal .invite-link-input{flex:1;border:none;background:transparent;outline:none;padding-left:12px;font-family:var(--font-cartoon);color:var(--ip-black)}.get-energy-modal .section-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:20px;font-weight:600;color:var(--ip-black);margin-bottom:16px;font-family:var(--font-cartoon)}.get-energy-modal .section-title .anticon{color:var(--ip-yellow);font-size:24px}.get-energy-modal .invite-description p{font-size:16px;color:var(--ip-black);margin:0 0 16px;font-family:var(--font-cartoon);line-height:1.5}.get-energy-modal .energy-section:not(:last-child){margin-bottom:24px}.notification-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.notification-modal-overlay.active{opacity:1;visibility:visible}.notification-modal{background:var(--ip-white);border:var(--stroke);border-radius:var(--radius-head);box-shadow:var(--shadow-hard);max-width:500px;width:90%;height:600px;max-height:80vh;transform:scale(.8);transition:transform .3s ease;display:flex;flex-direction:column}.notification-modal-overlay.active .notification-modal{transform:scale(1)}.notification-modal-header{background:var(--ip-blue);color:var(--ip-white);padding:20px 24px;border-bottom:var(--stroke);display:flex;justify-content:space-between;align-items:center;border-radius:var(--radius-head) var(--radius-head) 0 0;margin:-1px -1px 0;flex-shrink:0}.notification-modal-title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:600;font-family:var(--font-cartoon)}.notification-modal-title i{font-size:28px}.notification-modal-content{padding:24px;overflow-y:auto;flex:1}.notification-tabs{display:flex;gap:4px;background:var(--bg-color);padding:4px;border-radius:var(--radius-pill);border:var(--stroke);margin-bottom:20px;flex-shrink:0}.notification-tab{display:flex;align-items:center;gap:4px;padding:10px 16px;border-radius:var(--radius-pill);font-size:14px;font-weight:600;font-family:var(--font-cartoon);color:var(--ip-black);background:transparent;border:var(--stroke) solid transparent;box-shadow:2px 2px 0 transparent;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.notification-tab:hover{background:rgba(44,165,224,.1)}.notification-tab.active{background:var(--ip-blue);color:var(--ip-white);border-color:var(--ip-black);box-shadow:3px 3px 0 rgba(0,0,0,.8)}.notification-tab i{font-size:16px}.notification-tab .badge{background:var(--ip-red);color:var(--ip-white);font-size:10px;font-weight:600;padding:2px 6px;border-radius:var(--radius-pill);min-width:16px;text-align:center;border:1px solid var(--ip-white);box-shadow:1px 1px 0 rgba(0,0,0,.2)}.notification-list{display:flex;flex-direction:column;gap:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notification-item{background:var(--bg-color);border:var(--stroke);border-radius:var(--radius-head);padding:16px;transition:all .2s ease;cursor:pointer;position:relative;animation:fadeIn .3s ease forwards}.notification-item:hover{transform:translateY(-2px);box-shadow:3px 3px 0 #000}.notification-item.unread{background:var(--ip-white);border-left:4px solid var(--ip-blue)}.notification-item.unread:before{content:"";position:absolute;top:16px;right:16px;width:8px;height:8px;background:var(--ip-blue);border-radius:50%}.notification-icon{width:40px;height:40px;border-radius:var(--radius-head);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px}.notification-icon.system{background:var(--ip-blue);color:var(--ip-white)}.notification-icon.like{background:var(--ip-red);color:var(--ip-white)}.notification-icon.comment{background:var(--ip-yellow);color:var(--ip-black)}.notification-content{display:flex;flex-direction:column;gap:8px}.notification-title{font-size:16px;font-weight:600;margin-bottom:4px}.notification-message,.notification-title{font-family:var(--font-cartoon);color:var(--ip-black)}.notification-message{font-size:14px;line-height:1.4;opacity:.8}.notification-time{font-size:12px;color:var(--ip-black);font-family:var(--font-cartoon);opacity:.6;margin-top:8px}.notification-actions{display:flex;gap:8px;margin-top:12px}.notification-btn{padding:6px 12px;background:var(--ip-white);border:var(--stroke);border-radius:var(--radius-head);font-size:12px;font-weight:600;font-family:var(--font-cartoon);color:var(--ip-black);cursor:pointer;transition:all .2s ease}.notification-btn:hover{transform:translateY(-1px)}.notification-btn.primary,.notification-btn:hover{background:var(--ip-blue);color:var(--ip-white)}.notification-btn.primary:hover{background:var(--ip-blue-light)}.notification-empty{text-align:center;padding:40px 20px;color:var(--ip-black);font-family:var(--font-cartoon);opacity:.6}.notification-empty i{font-size:48px;margin-bottom:16px;opacity:.4}.notification-empty p{font-size:16px;margin-bottom:8px}.notification-empty small{font-size:14px;opacity:.8}.notification-modal-footer{padding:16px 24px;border-top:var(--stroke);display:flex;justify-content:space-between;align-items:center;background:var(--bg-color);border-radius:0 0 var(--radius-head) var(--radius-head);margin:0 -1px -1px;flex-shrink:0}.mark-all-read-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--ip-white);border:var(--stroke);border-radius:var(--radius-head);font-size:14px;font-weight:600;font-family:var(--font-cartoon);color:var(--ip-black);cursor:pointer;transition:all .2s ease}.mark-all-read-btn:hover{background:var(--ip-blue);color:var(--ip-white)}.clear-all-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--ip-red);border:var(--stroke);border-radius:var(--radius-head);font-size:14px;font-weight:600;font-family:var(--font-cartoon);color:var(--ip-white);cursor:pointer;transition:all .2s ease}.clear-all-btn:hover{background:var(--ip-red-light);transform:translateY(-1px)}@media (max-width:768px){.notification-modal{width:95%;max-height:90vh}.notification-modal-content{padding:16px}.notification-tabs{gap:2px;padding:2px;margin-bottom:16px;overflow-x:auto;max-width:100%;justify-content:flex-start}.notification-tab{padding:8px 12px;font-size:12px;white-space:nowrap;flex-shrink:0}.notification-tab .badge{font-size:9px;padding:1px 4px;min-width:14px}.notification-item{padding:12px}.notification-modal-footer{padding:12px 16px;flex-direction:column;gap:8px}.clear-all-btn,.mark-all-read-btn{width:100%;text-align:center}}.modal-close-white{background:var(--ip-blue)!important;border-color:hsla(0,0%,100%,.5)!important}.modal-close-white i,.modal-close-white svg{color:#fff!important}.notification-back-btn{background:transparent;border:none;cursor:pointer;color:var(--ip-white);display:flex;align-items:center;padding:0;margin-right:4px;opacity:.85;transition:opacity .2s}.notification-back-btn:hover{opacity:1}.notification-detail{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:28px 24px}.notification-detail-icon{width:48px;height:48px;border-radius:var(--radius-head);display:flex;align-items:center;justify-content:center;font-size:24px;border:var(--stroke)}.notification-detail-icon.system{background:var(--ip-blue);color:var(--ip-white)}.notification-detail-icon.like{background:var(--ip-red);color:var(--ip-white)}.notification-detail-icon.comment{background:var(--ip-yellow);color:var(--ip-black)}.notification-detail-title{font-size:20px;font-weight:700;line-height:1.3}.notification-detail-time,.notification-detail-title{font-family:var(--font-cartoon);color:var(--ip-black)}.notification-detail-time{font-size:13px;opacity:.5;margin-top:-8px}.notification-detail-body{font-size:15px;color:var(--ip-black);font-family:var(--font-cartoon);line-height:1.7;white-space:pre-wrap;word-break:break-word;background:var(--bg-color);border:var(--stroke);border-radius:var(--radius-head);padding:16px;width:100%;box-sizing:border-box}