.navbar[data-v-acebe092]{position:fixed;top:0;left:0;right:0;height:60px;background:#fff;box-shadow:0 1px 3px #00000014;z-index:1000}.nav-inner[data-v-acebe092]{max-width:1200px;margin:0 auto;padding:0 16px;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo[data-v-acebe092]{display:flex;align-items:center;gap:8px;text-decoration:none}.logo-img[data-v-acebe092]{width:32px;height:32px;border-radius:6px}.logo-text[data-v-acebe092]{font-size:18px;font-weight:700;background:linear-gradient(135deg,#38b2ac,#ed8936);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links[data-v-acebe092]{display:flex;align-items:center;gap:4px}.nav-link[data-v-acebe092]{padding:8px 12px;color:#666;text-decoration:none;font-size:14px;font-weight:500;border-radius:6px;transition:all .2s}.nav-link[data-v-acebe092]:hover,.nav-link.router-link-active[data-v-acebe092]{color:#38b2ac;background:#f0fdfa}.admin-link[data-v-acebe092]{color:#f97316}.admin-link[data-v-acebe092]:hover{background:#fff7ed}.nav-actions[data-v-acebe092]{display:flex;align-items:center;gap:12px}.login-btn[data-v-acebe092]{padding:8px 16px;color:#38b2ac;text-decoration:none;font-size:14px;font-weight:500;border:1px solid #38b2ac;border-radius:6px;transition:all .2s}.login-btn[data-v-acebe092]:hover{background:#f0fdfa}.register-btn[data-v-acebe092]{padding:8px 16px;background:linear-gradient(135deg,#38b2ac,#ed8936);color:#fff;text-decoration:none;font-size:14px;font-weight:500;border-radius:6px;transition:all .2s}.register-btn[data-v-acebe092]:hover{opacity:.9}.action-item[data-v-acebe092]{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:background .2s}.action-item[data-v-acebe092]:hover{background:#f3f4f6}.action-item svg[data-v-acebe092]{width:20px;height:20px;color:#666}.badge[data-v-acebe092]{position:absolute;top:2px;right:2px;background:#ef4444;color:#fff;font-size:10px;min-width:14px;height:14px;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0 3px}.user-avatar img[data-v-acebe092]{width:32px;height:32px;border-radius:50%;object-fit:cover}.avatar-placeholder[data-v-acebe092]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#38b2ac,#ed8936);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500}.mobile-menu-btn[data-v-acebe092]{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:4px}.mobile-menu-btn span[data-v-acebe092]{display:block;width:20px;height:2px;background:#333;transition:all .2s}.notification-popup[data-v-acebe092]{position:fixed;top:60px;right:16px;z-index:1001}.popup-content[data-v-acebe092]{width:320px;max-height:400px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden}.popup-header[data-v-acebe092]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e7eb}.popup-header h3[data-v-acebe092]{font-size:16px;font-weight:600;color:#333}.mark-read[data-v-acebe092]{background:none;border:none;color:#38b2ac;font-size:13px;cursor:pointer}.popup-body[data-v-acebe092]{max-height:340px;overflow-y:auto}.empty-tip[data-v-acebe092]{text-align:center;padding:40px 20px;color:#9ca3af;font-size:14px}.notif-item[data-v-acebe092]{display:flex;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s}.notif-item[data-v-acebe092]:hover{background:#f9fafb}.notif-icon[data-v-acebe092]{font-size:20px;flex-shrink:0}.notif-content[data-v-acebe092]{flex:1;min-width:0}.notif-title[data-v-acebe092]{font-size:14px;font-weight:500;color:#333;margin-bottom:4px}.notif-text[data-v-acebe092]{font-size:13px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.nav-links[data-v-acebe092]{position:fixed;top:60px;left:0;right:0;background:#fff;flex-direction:column;padding:16px;box-shadow:0 4px 12px #0000001a;transform:translateY(-100%);opacity:0;pointer-events:none;transition:all .3s}.nav-links.open[data-v-acebe092]{transform:translateY(0);opacity:1;pointer-events:auto}.nav-link[data-v-acebe092]{width:100%;padding:12px 16px}.mobile-menu-btn[data-v-acebe092]{display:flex}.login-btn[data-v-acebe092],.register-btn[data-v-acebe092]{display:none}}.tab-bar[data-v-09f94a4a]{position:fixed;bottom:0;left:0;right:0;height:56px;background:#fff;display:flex;align-items:center;justify-content:space-around;box-shadow:0 -1px 10px #0000000d;z-index:1000;padding-bottom:env(safe-area-inset-bottom,0)}.tab-item[data-v-09f94a4a]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;text-decoration:none;color:#9ca3af;transition:color .2s;position:relative}.tab-item.active[data-v-09f94a4a]{color:#38b2ac}.tab-icon[data-v-09f94a4a]{width:24px;height:24px;margin-bottom:2px;position:relative}.tab-icon svg[data-v-09f94a4a]{width:100%;height:100%}.tab-label[data-v-09f94a4a]{font-size:10px;font-weight:500}.badge[data-v-09f94a4a]{position:absolute;top:-4px;right:-8px;background:#ef4444;color:#fff;font-size:10px;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.publish-btn[data-v-09f94a4a]{position:relative}.publish-icon[data-v-09f94a4a]{width:44px;height:44px;background:linear-gradient(135deg,#38b2ac,#ed8936);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:-20px;box-shadow:0 4px 12px #38b2ac66;transition:transform .2s}.publish-icon svg[data-v-09f94a4a]{width:22px;height:22px;color:#fff}.publish-btn .tab-label[data-v-09f94a4a]{margin-top:4px;color:#38b2ac;font-weight:600}.publish-btn:active .publish-icon[data-v-09f94a4a]{transform:scale(.95)}@media (min-width: 768px){.tab-bar[data-v-09f94a4a]{display:none}}.announcement-overlay[data-v-be8a012c]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.announcement-modal[data-v-be8a012c]{background:#fff;border-radius:16px;width:100%;max-width:400px;overflow:hidden;animation:slideUp-be8a012c .3s ease}@keyframes slideUp-be8a012c{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-be8a012c]{display:flex;align-items:center;gap:10px;padding:20px 20px 16px;background:linear-gradient(135deg,#38b2ac,#ed8936);color:#fff}.icon[data-v-be8a012c]{font-size:24px}.modal-header h3[data-v-be8a012c]{flex:1;font-size:18px;font-weight:600;color:#fff}.close-btn[data-v-be8a012c]{background:#fff3;border:none;color:#fff;font-size:20px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-body[data-v-be8a012c]{padding:20px}.modal-body p[data-v-be8a012c]{font-size:15px;line-height:1.6;color:#555;white-space:pre-wrap}.modal-dots[data-v-be8a012c]{display:flex;justify-content:center;gap:8px;padding:0 20px 12px}.dot[data-v-be8a012c]{width:8px;height:8px;border-radius:50%;background:#d1d5db;cursor:pointer;transition:all .2s}.dot.active[data-v-be8a012c]{background:#38b2ac;transform:scale(1.2)}.modal-footer[data-v-be8a012c]{padding:12px 20px 20px;text-align:center}.dismiss-btn[data-v-be8a012c]{background:linear-gradient(135deg,#38b2ac,#ed8936);color:#fff;border:none;padding:12px 48px;border-radius:24px;font-size:15px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s}.dismiss-btn[data-v-be8a012c]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #38b2ac66}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;color:#333;background:#f5f7fa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;display:flex;flex-direction:column}.app-container{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.app-container.has-navbar{padding-top:60px}.app-container.has-tabbar{padding-bottom:60px}@media (min-width: 769px){.app-container.has-tabbar{padding-bottom:0}}a{color:#38b2ac;text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}@supports (padding-bottom: env(safe-area-inset-bottom)){.app-container{padding-bottom:env(safe-area-inset-bottom)}}