.navbar[data-v-13708cac]{z-index:100;background-color:#161b22;border-bottom:1px solid #30363d;padding:0 20px;position:sticky;top:0}.nav-container[data-v-13708cac]{justify-content:space-between;align-items:center;max-width:1200px;height:60px;margin:0 auto;display:flex}.logo[data-v-13708cac]{color:#c9d1d9;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .3s;position:relative}.logo[data-v-13708cac]:hover{color:#58a6ff;transform:scale(1.05)}.logo[data-v-13708cac]:after{content:"";background:linear-gradient(90deg,#58a6ff,#f97316);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.logo[data-v-13708cac]:hover:after{width:100%}.nav-right[data-v-13708cac]{align-items:center;gap:20px;display:flex}.nav-link[data-v-13708cac]{color:#c9d1d9;border-radius:6px;padding:8px 12px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-link[data-v-13708cac]:hover{background-color:#21262d;transform:translateY(-1px)}.nav-link[data-v-13708cac]:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.nav-link[data-v-13708cac]:hover:before{left:100%}.nav-link.announcement-btn[data-v-13708cac]{color:#facc15;cursor:pointer;background-color:#facc381a;border:1px solid #facc384d;font-weight:700}.nav-link.announcement-btn[data-v-13708cac]:hover{background-color:#facc3833}.nav-link.contribute-btn[data-v-13708cac],.nav-link.login-btn[data-v-13708cac]{cursor:pointer;background:linear-gradient(135deg,#1f6feb,#1e40af);border:1px solid #1f6feb;position:relative;overflow:hidden;box-shadow:0 2px 4px #1f6feb33}.nav-link.contribute-btn[data-v-13708cac]:hover,.nav-link.login-btn[data-v-13708cac]:hover{background:linear-gradient(135deg,#388bfd,#2563eb);transform:translateY(-2px);box-shadow:0 4px 8px #1f6feb4d}.nav-link.contribute-btn[data-v-13708cac]:before,.nav-link.login-btn[data-v-13708cac]:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.nav-link.contribute-btn[data-v-13708cac]:hover:before,.nav-link.login-btn[data-v-13708cac]:hover:before{left:100%}.nav-link.online-count[data-v-13708cac]{opacity:.8;font-size:.95rem}.user-info[data-v-13708cac]{cursor:pointer}.user-info[data-v-13708cac]:hover{background-color:#21262d}.admin-badge[data-v-13708cac]{margin-left:4px}.logout-btn[data-v-13708cac]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#da3633,#dc2626);border:none;border-radius:6px;padding:8px 16px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 2px 4px #da363333}.logout-btn[data-v-13708cac]:hover{background:linear-gradient(135deg,#b62623,#ef4444);transform:translateY(-1px);box-shadow:0 4px 8px #da36334d}.logout-btn[data-v-13708cac]:active{transform:translateY(0)}.admin-users-btn[data-v-13708cac]{background-color:#f97316;border:1px solid #f97316}.admin-users-btn[data-v-13708cac]:hover{background-color:#ea580c}@media (width<=768px){.nav-container[data-v-13708cac]{flex-direction:column;height:auto;padding:10px 0}.nav-right[data-v-13708cac]{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}}.modal-content[data-v-13708cac]{background-color:#161b22;border:1px solid #30363d;border-radius:8px;min-width:400px;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 8px 30px #00000080}.modal-header[data-v-13708cac]{border-bottom:1px solid #30363d;justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h3[data-v-13708cac]{margin:0;font-size:1.2rem}.close-btn[data-v-13708cac]{color:#8b949e;cursor:pointer;background:0 0;border:none;width:30px;padding:0;font-size:2rem;line-height:1}.close-btn[data-v-13708cac]:hover{color:#c9d1d9}.modal-body[data-v-13708cac]{max-height:60vh;padding:20px;overflow-y:auto}.admin-only[data-v-13708cac],.loading[data-v-13708cac],.empty[data-v-13708cac]{text-align:center;color:#8b949e;padding:20px}.user-list[data-v-13708cac]{flex-direction:column;gap:10px;display:flex}.user-item[data-v-13708cac]{background-color:#0d1117;border:1px solid #30363d;border-radius:6px;justify-content:space-between;align-items:center;padding:12px;display:flex}.user-nickname[data-v-13708cac]{color:#c9d1d9;font-weight:500}.user-time[data-v-13708cac]{color:#8b949e;font-size:.9rem}.announcement-modal[data-v-13708cac]{z-index:2000}.announcement-content[data-v-13708cac]{width:90%;min-width:300px;max-width:700px;margin:0 auto}@media (width<=768px){.announcement-content[data-v-13708cac]{width:95%;max-height:90vh;margin:20px auto}.announcement-body h2[data-v-13708cac]{font-size:1.2rem}.announcement-text h3[data-v-13708cac]{margin:15px 0 8px;font-size:1rem}.announcement-list li[data-v-13708cac]{padding:6px 0;font-size:.9rem}.announcement-footer[data-v-13708cac]{margin-top:15px;padding-top:15px}.announcement-footer p[data-v-13708cac]{font-size:.85rem}.close-x[data-v-13708cac]{width:28px;height:28px;font-size:1.5rem;top:8px;right:12px}}.close-x[data-v-13708cac]{color:#8b949e;cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:2rem;line-height:1;transition:all .2s;display:flex;position:absolute;top:12px;right:16px}.close-x[data-v-13708cac]:hover{opacity:1;color:#c9d1d9}.announcement-body[data-v-13708cac]{padding:0}.announcement-body h2[data-v-13708cac]{color:#c9d1d9;border-bottom:1px solid #30363d;margin:0 0 20px;padding-bottom:12px;font-size:1.5rem}.announcement-text[data-v-13708cac]{color:#8b949e}.announcement-text h3[data-v-13708cac]{color:#c9d1d9;margin:20px 0 10px;font-size:1.1rem}.announcement-list[data-v-13708cac]{margin:0 0 15px;padding:0;list-style:none}.announcement-list li[data-v-13708cac]{color:#8b949e;padding:8px 0;line-height:1.6}.announcement-footer[data-v-13708cac]{text-align:center;border-top:1px solid #30363d;margin-top:25px;padding-top:20px}.announcement-footer p[data-v-13708cac]{color:#58a6ff;margin:0;font-style:italic}.modal-enter-active[data-v-13708cac]{animation:.3s ease-out modalFadeIn-13708cac}.modal-leave-active[data-v-13708cac]{animation:.2s ease-in modalFadeOut-13708cac}.modal-enter-active .modal-content[data-v-13708cac]{animation:.3s cubic-bezier(.34,1.56,.64,1) modalSlideIn-13708cac}.modal-leave-active .modal-content[data-v-13708cac]{animation:.2s ease-in modalSlideOut-13708cac}@keyframes modalFadeIn-13708cac{0%{opacity:0}to{opacity:1}}@keyframes modalFadeOut-13708cac{0%{opacity:1}to{opacity:0}}@keyframes modalSlideIn-13708cac{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)rotate(-2deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes modalSlideOut-13708cac{0%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-50%)scale(.8)rotate(2deg)}}.modal-overlay[data-v-13708cac]{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-13708cac]{background-color:#161b22;border:1px solid #30363d;border-radius:8px;min-width:400px;max-width:600px;max-height:80vh;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 8px 30px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{color:#c9d1d9;background-color:#0d1117;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:20px;position:relative}@media (width<=768px){.main-content{padding:10px}}.error-fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}.error-fallback button{color:#fff;cursor:pointer;background-color:#0969da;border:none;border-radius:4px;margin-top:20px;padding:10px 20px;transition:background-color .2s}.error-fallback button:hover{background-color:#0860ca}.fade-enter-active,.fade-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.fade-enter-from{opacity:0;transform:translateY(10px)}.fade-leave-to{opacity:0;transform:translateY(-10px)}.slide-left-enter-active{transition:all .4s cubic-bezier(.25,.8,.25,1)}.slide-left-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.slide-left-enter-from{opacity:0;transform:translate(30px)scale(.98)}.slide-left-leave-to{opacity:0;transform:translate(-30px)scale(1.02)}.slide-right-enter-active{transition:all .4s cubic-bezier(.25,.8,.25,1)}.slide-right-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.slide-right-enter-from{opacity:0;transform:translate(-30px)scale(.98)}.slide-right-leave-to{opacity:0;transform:translate(30px)scale(1.02)}.main-content>div{will-change:transform, opacity;backface-visibility:hidden;perspective:1000px}body.page-transitioning{cursor:wait}body.page-transitioning *{pointer-events:none}.main-content>div{transition:opacity .3s}body:after{content:"";z-index:9999;opacity:0;background:linear-gradient(90deg,#58a6ff,#f97316,#10b981,#58a6ff) 0 0/300% 100%;height:2px;transition:all .3s;position:fixed;top:60px;left:0;right:0;transform:translateY(-100%)}body.page-transitioning:after{opacity:1;animation:1.5s ease-in-out infinite loadingGradient;transform:translateY(0)}@keyframes loadingGradient{0%{background-position:0%}to{background-position:100%}}