.Header[data-v-f0375c66]{background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:font1,sans-serif;height:600px;justify-content:center}.Header[data-v-f0375c66],.header-container[data-v-f0375c66]{display:flex;position:relative}.header-container[data-v-f0375c66]{align-items:center;background:linear-gradient(180deg,#fffffff2,#fff0);height:68.95px;justify-content:space-between;padding:0 8%;transition:width .3s ease,padding .3s ease,background-color .3s ease,border-radius .3s ease,box-shadow .3s ease,backdrop-filter .3s ease,left .3s ease;width:100%;z-index:1000}.header-container.sticky[data-v-f0375c66]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:20px;box-shadow:0 0 0 2px #06182c66,0 4px 6px -1px #06182ca6,inset 0 1px #ffffff14;max-width:1200px;padding:0 30px;position:fixed;width:80%}.logo-area[data-v-f0375c66]{align-items:center;display:flex;flex:1}.logo-area .logo-image[data-v-f0375c66]{cursor:pointer;height:50px;max-width:150px;-o-object-fit:contain;object-fit:contain;width:auto}.nav-links[data-v-f0375c66]{display:flex;flex:2;gap:40px;justify-content:center}.nav-item[data-v-f0375c66]{color:#333;cursor:pointer;font-size:18px;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.nav-item[data-v-f0375c66]:hover{color:#1890ff}.nav-item[data-v-f0375c66]:after{background-color:#1890ff;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-item[data-v-f0375c66]:hover:after{width:100%}.nav-item.active[data-v-f0375c66]{color:#1890ff}.nav-item.active[data-v-f0375c66]:after{width:100%}.custom-dropdown[data-v-f0375c66]{display:inline-block;position:relative}.custom-dropdown .dropdown-trigger[data-v-f0375c66]{align-items:center;cursor:pointer;display:flex}.custom-dropdown .dropdown-trigger i.fa-share-alt[data-v-f0375c66]{margin-right:5px;transition:transform .3s ease}.custom-dropdown .dropdown-trigger .dropdown-arrow[data-v-f0375c66]{font-size:12px;margin-left:4px;opacity:.7;transition:transform .3s ease}.custom-dropdown .dropdown-trigger:hover i.fa-share-alt[data-v-f0375c66]{transform:rotate(15deg)}.custom-dropdown .dropdown-trigger:hover .dropdown-arrow[data-v-f0375c66]{opacity:1;transform:translateY(2px)}.custom-dropdown .dropdown-menu[data-v-f0375c66]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border:1px solid rgba(0,0,0,.05);border-radius:12px;box-shadow:0 8px 24px #0000001f;left:50%;min-width:160px;opacity:0;padding:8px 0;position:absolute;top:140%;transform:translate(-50%) translateY(10px);transition:opacity .3s ease,transform .3s ease,visibility .3s;visibility:hidden;z-index:10}.custom-dropdown .dropdown-menu[data-v-f0375c66]:before{background-color:#fffffff2;border-left:1px solid rgba(0,0,0,.05);border-top:1px solid rgba(0,0,0,.05);content:"";height:12px;left:50%;position:absolute;top:-6px;transform:translate(-50%) rotate(45deg);width:12px}.custom-dropdown .dropdown-menu .dropdown-item[data-v-f0375c66]{align-items:center;border-radius:8px;color:#333;display:flex;margin:0 8px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.custom-dropdown .dropdown-menu .dropdown-item i[data-v-f0375c66]{color:#1890ff;font-size:16px;margin-right:10px;text-align:center;transition:transform .2s ease;width:18px}.custom-dropdown .dropdown-menu .dropdown-item[data-v-f0375c66]:hover{background-color:#1890ff1a;color:#1890ff}.custom-dropdown .dropdown-menu .dropdown-item:hover i[data-v-f0375c66]{transform:scale(1.2)}.custom-dropdown:hover .dropdown-menu[data-v-f0375c66]{opacity:1;transform:translate(-50%) translateY(5px);visibility:visible}.login-area[data-v-f0375c66]{display:flex;flex:1;justify-content:flex-end}.auth-buttons[data-v-f0375c66]{align-items:center;display:flex;position:relative}.login-button[data-v-f0375c66],.register-button[data-v-f0375c66]{background:linear-gradient(90deg,#a78bfa80,#8b5cf680);border:none;box-shadow:0 2px 8px #8b5cf633;color:#fff;cursor:pointer;font-family:font1,sans-serif;font-size:14px;font-weight:500;outline:none;padding:6px 16px;transition:all .3s ease;z-index:1}.login-button[data-v-f0375c66]:hover,.register-button[data-v-f0375c66]:hover{background:linear-gradient(90deg,#9f7aea99,#7c3aed99);box-shadow:0 4px 12px #8b5cf64d}.login-button[data-v-f0375c66]{border-radius:20px 0 0 20px;margin-right:0}.register-button[data-v-f0375c66]{border-radius:0 20px 20px 0;margin-left:0}@keyframes pulse-border-f0375c66{0%{border-color:#e9d5ff;transform:scale(1)}50%{border-color:#8b5cf6;transform:scale(1.05)}to{border-color:#e9d5ff;transform:scale(1)}}@keyframes subtle-rotate-f0375c66{0%{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}to{transform:rotate(0)}}.or-divider[data-v-f0375c66]{align-items:center;animation:pulse-border-f0375c66 3s ease-in-out infinite;background-color:#fff;border:2px solid #e9d5ff;border-radius:50%;box-shadow:0 2px 6px #0000001a;color:#8b5cf6;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;margin:0 -12px;position:relative;width:24px;z-index:2}.or-divider span[data-v-f0375c66]{animation:subtle-rotate-f0375c66 4s ease-in-out infinite;display:inline-block}.notification-container[data-v-f0375c66]{margin-right:20px}.notification-container[data-v-f0375c66],.notification-trigger[data-v-f0375c66]{align-items:center;display:flex;position:relative}.notification-trigger[data-v-f0375c66]{background:#ffffff26;border:1px solid hsla(0,0%,100%,.25);border-radius:50%;box-shadow:0 2px 8px #0000000d;cursor:pointer;height:38px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:38px}.notification-trigger .bell-icon[data-v-f0375c66]{color:#4a4a4a;font-size:18px;transition:transform .3s ease}.notification-trigger[data-v-f0375c66]:hover{background:#ffffff4d;border-color:#ea580c4d}.notification-trigger:hover .bell-icon[data-v-f0375c66]{color:#ea580c;transform:scale(1.1) rotate(15deg)}.notification-trigger .badge[data-v-f0375c66]{align-items:center;background-color:#ea580c;border:1.5px solid #fff;border-radius:8px;box-shadow:0 2px 4px #ea580c66;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-2px;top:-2px}.notification-popover[data-v-f0375c66]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fffffff5;border:1px solid rgba(41,37,36,.08);border-radius:16px;box-shadow:0 10px 30px -5px #0000001a,0 0 0 1px #00000008;display:flex;flex-direction:column;overflow:hidden;position:absolute;right:0;top:130%;width:320px;z-index:1010}.notification-popover .popover-header[data-v-f0375c66]{align-items:center;border-bottom:1px solid rgba(41,37,36,.05);display:flex;justify-content:space-between;padding:14px 18px}.notification-popover .popover-header .title[data-v-f0375c66]{color:#292524;font-size:15px;font-weight:600}.notification-popover .popover-header .mark-all-read[data-v-f0375c66]{color:#15803d;cursor:pointer;font-size:12px;font-weight:500;transition:opacity .2s}.notification-popover .popover-header .mark-all-read[data-v-f0375c66]:hover{opacity:.8;text-decoration:underline}.notification-popover .popover-content[data-v-f0375c66]{max-height:280px;overflow-y:auto}.notification-popover .popover-content[data-v-f0375c66]::-webkit-scrollbar{width:4px}.notification-popover .popover-content[data-v-f0375c66]::-webkit-scrollbar-thumb{background:#78726d33;border-radius:2px}.notification-popover .popover-content .empty-state[data-v-f0375c66]{color:#a8a29e;padding:40px 20px;text-align:center}.notification-popover .popover-content .empty-state .empty-icon[data-v-f0375c66]{font-size:32px;margin-bottom:8px;opacity:.5}.notification-popover .popover-content .empty-state p[data-v-f0375c66]{font-size:13px;margin:0}.notification-popover .notification-list[data-v-f0375c66]{display:flex;flex-direction:column}.notification-popover .notification-item[data-v-f0375c66]{border-bottom:1px solid rgba(41,37,36,.03);cursor:pointer;padding:12px 18px;position:relative;transition:all .25s ease}.notification-popover .notification-item[data-v-f0375c66]:before{background-color:#15803d;bottom:0;content:"";left:0;position:absolute;top:0;transition:width .2s ease;width:0}.notification-popover .notification-item[data-v-f0375c66]:hover{background-color:#ea580c08}.notification-popover .notification-item[data-v-f0375c66]:hover:before{width:3px}.notification-popover .notification-item:hover .item-title[data-v-f0375c66]{color:#ea580c}.notification-popover .notification-item.unread[data-v-f0375c66]{background-color:#ea580c04}.notification-popover .notification-item.unread .item-title[data-v-f0375c66]{font-weight:600}.notification-popover .notification-item .item-header[data-v-f0375c66]{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:4px}.notification-popover .notification-item .item-header .item-title[data-v-f0375c66]{color:#292524;font-size:13px;transition:color .2s}.notification-popover .notification-item .item-header .item-time[data-v-f0375c66]{color:#a8a29e;font-size:11px}.notification-popover .notification-item .item-summary[data-v-f0375c66]{color:#78716c;font-size:12px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.notification-popover .popover-footer[data-v-f0375c66]{background-color:#fcfbfb;border-top:1px solid rgba(41,37,36,.05);padding:12px 18px;text-align:right}.notification-popover .popover-footer .view-all-link[data-v-f0375c66]{align-items:center;color:#ea580c;display:inline-flex;font-size:12px;font-weight:500;gap:4px;text-decoration:none;transition:transform .2s,color .2s}.notification-popover .popover-footer .view-all-link i[data-v-f0375c66]{transition:transform .2s}.notification-popover .popover-footer .view-all-link[data-v-f0375c66]:hover{color:#c2410c}.notification-popover .popover-footer .view-all-link:hover i[data-v-f0375c66]{transform:translate(3px)}.notification-popover .popover-footer .view-all-link[data-v-f0375c66]:active{transform:scale(.95)}.fade-slide-enter-active[data-v-f0375c66],.fade-slide-leave-active[data-v-f0375c66]{transition:all .3s cubic-bezier(.4,0,.2,1)}.fade-slide-enter-from[data-v-f0375c66],.fade-slide-leave-to[data-v-f0375c66]{opacity:0;transform:translateY(10px) scale(.98)}.user-profile[data-v-f0375c66]{position:relative}.user-info[data-v-f0375c66],.user-profile[data-v-f0375c66]{align-items:center;display:flex}.user-info[data-v-f0375c66]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:30px;box-shadow:0 2px 10px #0000001a;cursor:pointer;padding:6px 16px 6px 6px;transition:all .3s ease}.user-info[data-v-f0375c66]:hover{background:#fff3}.user-avatar[data-v-f0375c66]{margin-right:12px}.user-avatar[data-v-f0375c66] .el-avatar{border:2px solid rgba(14,165,233,.6)}.user-details[data-v-f0375c66]{display:flex;flex-direction:column;margin-right:8px;text-align:center}.user-details .user-name[data-v-f0375c66]{color:#333;font-size:16px;font-weight:400;line-height:1.2}.user-details .user-email[data-v-f0375c66]{color:#666;font-size:12px;line-height:1.2}.dropdown-icon[data-v-f0375c66]{color:#666;font-size:12px;margin-left:4px;transition:transform .3s ease}.user-info:hover .dropdown-icon[data-v-f0375c66]{color:#0ea5e9}[data-v-f0375c66] .el-dropdown-menu{border:1px solid rgba(0,0,0,.05);border-radius:8px;box-shadow:0 4px 20px #00000026}[data-v-f0375c66] .el-dropdown-menu__item{align-items:center;display:flex;padding:10px 16px}[data-v-f0375c66] .el-dropdown-menu__item .el-icon{font-size:16px;margin-right:10px}[data-v-f0375c66] .el-dropdown-menu__item:hover{background-color:#0ea5e91a;color:#0ea5e9}[data-v-f0375c66] .el-dropdown-menu__item .logout-text,[data-v-f0375c66] .el-dropdown-menu__item:hover .logout-text{color:#f56c6c}body[data-v-f0375c66]:before{content:"";display:block;height:0;transition:height .3s ease}body.has-sticky-header[data-v-f0375c66]:before{height:68.95px}.custom-dropdown:hover .dropdown-arrow[data-v-f0375c66]{opacity:1;transform:translateY(2px) rotate(180deg)!important}.dropdown-item[data-v-f0375c66]{animation:fadeInItem-f0375c66 .4s forwards;opacity:0;transform:translateY(10px)}.dropdown-item[data-v-f0375c66]:first-child{animation-delay:.05s}.dropdown-item[data-v-f0375c66]:nth-child(2){animation-delay:.1s}.dropdown-item[data-v-f0375c66]:nth-child(3){animation-delay:.15s}@keyframes fadeInItem-f0375c66{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.waves[data-v-f0375c66]{bottom:0;left:0;margin-bottom:-7px;max-height:150px;min-height:100px;position:absolute;width:100%}.parallax>use[data-v-f0375c66]{animation:move-forever-f0375c66 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use[data-v-f0375c66]:first-child{animation-delay:-2s;animation-duration:7s}.parallax>use[data-v-f0375c66]:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use[data-v-f0375c66]:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use[data-v-f0375c66]:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever-f0375c66{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}.el-dropdown-menu[data-v-f0375c66]{font-family:font1,sans-serif}@media(max-width:768px){.Header[data-v-f0375c66]{height:400px}.header-container[data-v-f0375c66]{height:60px}.header-container.sticky[data-v-f0375c66]{padding:0 15px;width:90%}.logo-area[data-v-f0375c66]{display:none}.nav-links[data-v-f0375c66]{flex:1;gap:20px;justify-content:center}.nav-item[data-v-f0375c66]{font-size:16px}.login-area[data-v-f0375c66]{flex:0 0 auto}.auth-buttons .login-button[data-v-f0375c66],.auth-buttons .register-button[data-v-f0375c66]{font-size:13px;padding:5px 12px}.auth-buttons .or-divider[data-v-f0375c66]{font-size:11px;height:20px;margin:0 -10px;width:20px}.user-info[data-v-f0375c66]{border-radius:50%;padding:4px}.user-info .dropdown-icon[data-v-f0375c66],.user-info .user-details[data-v-f0375c66]{display:none}.user-avatar[data-v-f0375c66]{margin-right:0}.user-avatar[data-v-f0375c66] .el-avatar{height:36px;width:36px}.custom-dropdown .dropdown-menu[data-v-f0375c66]{left:auto;min-width:140px;right:0;transform:translate(0) translateY(10px)}.custom-dropdown .dropdown-menu[data-v-f0375c66]:before{left:auto;right:20px;transform:translate(0) rotate(45deg)}.custom-dropdown:hover .dropdown-menu[data-v-f0375c66]{transform:translate(0) translateY(5px)}.waves[data-v-f0375c66]{max-height:100px;min-height:60px}}@media(max-width:480px){.header-container[data-v-f0375c66]{padding:0 3%}.nav-links[data-v-f0375c66]{gap:15px}.nav-item[data-v-f0375c66]{font-size:14px}.auth-buttons .login-button[data-v-f0375c66],.auth-buttons .register-button[data-v-f0375c66]{font-size:12px;padding:4px 10px}}