.navbar[data-v-9ca24a61]{z-index:100;background-color:#161b22;border-bottom:1px solid #30363d;padding:0 20px;position:sticky;top:0}.nav-container[data-v-9ca24a61]{justify-content:space-between;align-items:center;max-width:1200px;height:60px;margin:0 auto;display:flex}.logo[data-v-9ca24a61]{color:#c9d1d9;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-right[data-v-9ca24a61]{align-items:center;gap:20px;display:flex}.nav-link[data-v-9ca24a61]{color:#c9d1d9;border-radius:6px;padding:8px 12px;text-decoration:none;transition:background-color .2s}.nav-link[data-v-9ca24a61]:hover{background-color:#21262d}.nav-link.announcement-btn[data-v-9ca24a61]{color:#facc15;cursor:pointer;background-color:#facc381a;border:1px solid #facc384d;font-weight:700}.nav-link.announcement-btn[data-v-9ca24a61]:hover{background-color:#facc3833}.nav-link.contribute-btn[data-v-9ca24a61],.nav-link.login-btn[data-v-9ca24a61]{cursor:pointer;background-color:#1f6feb;border:1px solid #1f6feb}.nav-link.contribute-btn[data-v-9ca24a61]:hover,.nav-link.login-btn[data-v-9ca24a61]:hover{background-color:#388bfd}.nav-link.online-count[data-v-9ca24a61]{opacity:.8;font-size:.95rem}.user-info[data-v-9ca24a61]{cursor:pointer}.user-info[data-v-9ca24a61]:hover{background-color:#21262d}.admin-badge[data-v-9ca24a61]{margin-left:4px}.logout-btn[data-v-9ca24a61]{color:#fff;cursor:pointer;background-color:#da3633;border:none;border-radius:6px;padding:8px 16px;transition:background-color .2s}.logout-btn[data-v-9ca24a61]:hover{background-color:#b62623}@media (width<=768px){.nav-container[data-v-9ca24a61]{flex-direction:column;height:auto;padding:10px 0}.nav-right[data-v-9ca24a61]{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}}.modal-overlay[data-v-9ca24a61]{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-9ca24a61]{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-9ca24a61]{border-bottom:1px solid #30363d;justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h3[data-v-9ca24a61]{margin:0;font-size:1.2rem}.close-btn[data-v-9ca24a61]{color:#8b949e;cursor:pointer;background:0 0;border:none;width:30px;padding:0;font-size:2rem;line-height:1}.close-btn[data-v-9ca24a61]:hover{color:#c9d1d9}.modal-body[data-v-9ca24a61]{max-height:60vh;padding:20px;overflow-y:auto}.admin-only[data-v-9ca24a61],.loading[data-v-9ca24a61],.empty[data-v-9ca24a61]{text-align:center;color:#8b949e;padding:20px}.user-list[data-v-9ca24a61]{flex-direction:column;gap:10px;display:flex}.user-item[data-v-9ca24a61]{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-9ca24a61]{color:#c9d1d9;font-weight:500}.user-time[data-v-9ca24a61]{color:#8b949e;font-size:.9rem}.announcement-modal[data-v-9ca24a61]{z-index:2000}.announcement-content[data-v-9ca24a61]{width:90%;min-width:300px;max-width:700px;margin:0 auto}@media (width<=768px){.announcement-content[data-v-9ca24a61]{width:95%;max-height:90vh;margin:20px auto}.announcement-body h2[data-v-9ca24a61]{font-size:1.2rem}.announcement-text h3[data-v-9ca24a61]{margin:15px 0 8px;font-size:1rem}.announcement-list li[data-v-9ca24a61]{padding:6px 0;font-size:.9rem}.announcement-footer[data-v-9ca24a61]{margin-top:15px;padding-top:15px}.announcement-footer p[data-v-9ca24a61]{font-size:.85rem}.close-x[data-v-9ca24a61]{width:28px;height:28px;font-size:1.5rem;top:8px;right:12px}}.close-x[data-v-9ca24a61]{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-9ca24a61]:hover{opacity:1;color:#c9d1d9}.announcement-body[data-v-9ca24a61]{padding:0}.announcement-body h2[data-v-9ca24a61]{color:#c9d1d9;border-bottom:1px solid #30363d;margin:0 0 20px;padding-bottom:12px;font-size:1.5rem}.announcement-text[data-v-9ca24a61]{color:#8b949e}.announcement-text h3[data-v-9ca24a61]{color:#c9d1d9;margin:20px 0 10px;font-size:1.1rem}.announcement-list[data-v-9ca24a61]{margin:0 0 15px;padding:0;list-style:none}.announcement-list li[data-v-9ca24a61]{color:#8b949e;padding:8px 0;line-height:1.6}.announcement-footer[data-v-9ca24a61]{text-align:center;border-top:1px solid #30363d;margin-top:25px;padding-top:20px}.announcement-footer p[data-v-9ca24a61]{color:#58a6ff;margin:0;font-style:italic}*{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}@media (width<=768px){.main-content{padding:10px}}