.user-avatar[data-v-cd06bdf4]{border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:3px solid #fff}.user-avatar[data-v-cd06bdf4]:hover{transform:scale(1.05);box-shadow:var(--shadow-md),var(--shadow-glow-primary)}.avatar-sm[data-v-cd06bdf4]{width:32px;height:32px;font-size:14px}.avatar-md[data-v-cd06bdf4]{width:48px;height:48px;font-size:18px}.avatar-lg[data-v-cd06bdf4]{width:64px;height:64px;font-size:26px}.avatar-xl[data-v-cd06bdf4]{width:88px;height:88px;font-size:36px}.avatar-img[data-v-cd06bdf4]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-cd06bdf4]{background:transparent;color:#fff;-webkit-font-smoothing:antialiased}.user-menu[data-v-4eb9af09]{position:relative}.user-trigger[data-v-4eb9af09]{cursor:pointer;background:none;border:none;padding:0;border-radius:50%;transition:all var(--transition-fast)}.user-trigger[data-v-4eb9af09]:hover{transform:scale(1.1)}.auth-buttons[data-v-4eb9af09]{display:flex;align-items:center;gap:var(--space-2)}.user-dropdown[data-v-4eb9af09]{position:absolute;right:0;top:calc(100% + var(--space-3));background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);min-width:280px;max-width:320px;box-shadow:var(--shadow-lg);z-index:999}.dropdown-header[data-v-4eb9af09]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-hover);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.avatar-wrapper[data-v-4eb9af09]{position:relative;cursor:pointer}.avatar-edit-icon[data-v-4eb9af09]{position:absolute;bottom:-4px;right:-4px;width:24px;height:24px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-base);transition:transform var(--transition-fast)}.avatar-wrapper:hover .avatar-edit-icon[data-v-4eb9af09]{transform:scale(1.15)}.dropdown-info[data-v-4eb9af09]{display:flex;flex-direction:column;gap:4px;overflow:hidden;flex:1}.nickname-display-wrapper[data-v-4eb9af09]{display:flex;align-items:center;gap:6px;cursor:pointer;transition:all var(--transition-fast)}.nickname-display-wrapper[data-v-4eb9af09]:hover{opacity:.8}.nickname-edit-btn[data-v-4eb9af09]{display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-fast);color:var(--color-text-placeholder)}.nickname-display-wrapper:hover .nickname-edit-btn[data-v-4eb9af09]{opacity:1;color:var(--color-primary)}.nickname-edit-wrapper[data-v-4eb9af09]{display:flex;align-items:center;gap:8px;width:100%}.nickname-input[data-v-4eb9af09]{flex:1;min-width:0;width:100%;padding:8px 12px;border:2px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);background:var(--color-bg-card);outline:none;transition:all var(--transition-fast)}.nickname-input[data-v-4eb9af09]:focus{box-shadow:0 0 0 4px var(--color-primary-bg);border-color:var(--color-primary-dark)}.nickname-edit-actions[data-v-4eb9af09]{display:flex;gap:4px}.nickname-save-btn[data-v-4eb9af09],.nickname-cancel-btn[data-v-4eb9af09]{width:28px;height:28px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all var(--transition-fast)}.nickname-save-btn[data-v-4eb9af09]{background:var(--color-success-bg);color:var(--color-success)}.nickname-save-btn[data-v-4eb9af09]:hover{background:var(--color-success);color:#fff}.nickname-cancel-btn[data-v-4eb9af09]{background:var(--color-bg-hover);color:var(--color-text-secondary)}.nickname-cancel-btn[data-v-4eb9af09]:hover{background:var(--color-danger-bg);color:var(--color-danger)}.dropdown-name[data-v-4eb9af09]{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-bio[data-v-4eb9af09]{font-size:var(--font-size-sm);color:var(--color-text-placeholder);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider[data-v-4eb9af09]{height:1px;background:var(--color-border-light);margin:var(--space-3) 0}.dropdown-item[data-v-4eb9af09]{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-base);text-decoration:none;background:none;border:none;cursor:pointer;width:100%;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.dropdown-item[data-v-4eb9af09]:hover{background:var(--color-primary-bg);color:var(--color-primary);transform:translate(4px)}.dropdown-item.danger[data-v-4eb9af09]:hover{background:#ff4d4f14;color:#ff4d4f}.dropdown-item .badge[data-v-4eb9af09]{background:#ff4d4f;color:#fff;font-size:.7rem;padding:2px 8px;border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);margin-left:auto}.modal-overlay[data-v-4eb9af09]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-4eb9af09]{background:var(--color-bg-card);border-radius:var(--radius-xl);width:90%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:var(--shadow-xl);animation:slideUp-4eb9af09 .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp-4eb9af09{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-4eb9af09]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--color-border-light)}.modal-header h3[data-v-4eb9af09]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.modal-close[data-v-4eb9af09]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-hover);color:var(--color-text-secondary);border:none;cursor:pointer;transition:all var(--transition-fast)}.modal-close[data-v-4eb9af09]:hover{background:var(--color-primary-bg);color:var(--color-primary)}.modal-body[data-v-4eb9af09]{padding:var(--space-5)}.avatar-grid[data-v-4eb9af09]{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.avatar-option[data-v-4eb9af09]{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--color-bg-hover);border:3px solid transparent;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.avatar-option[data-v-4eb9af09]:hover{background:var(--color-primary-bg);transform:scale(1.08)}.avatar-option.selected[data-v-4eb9af09]{border-color:var(--color-primary);background:var(--color-primary-bg)}.avatar-color-dot[data-v-4eb9af09]{width:48px;height:48px;border-radius:50%;display:block}.custom-avatar-section[data-v-4eb9af09]{text-align:center}.custom-avatar-label[data-v-4eb9af09]{cursor:pointer}.custom-avatar-btn[data-v-4eb9af09]{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-primary-bg);color:var(--color-primary);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast)}.custom-avatar-btn[data-v-4eb9af09]:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.modal-fade-enter-active[data-v-4eb9af09],.modal-fade-leave-active[data-v-4eb9af09]{transition:all .2s ease}.modal-fade-enter-from[data-v-4eb9af09],.modal-fade-leave-to[data-v-4eb9af09]{opacity:0}.modal-fade-enter-from .modal-content[data-v-4eb9af09],.modal-fade-leave-to .modal-content[data-v-4eb9af09]{transform:translateY(20px) scale(.95)}.fade-enter-active[data-v-4eb9af09],.fade-leave-active[data-v-4eb9af09]{transition:all .2s ease}.fade-enter-from[data-v-4eb9af09],.fade-leave-to[data-v-4eb9af09]{opacity:0;transform:translateY(-10px)}.app-header[data-v-aedf9241]{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#ffffffeb;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid var(--color-border-light);z-index:100;box-shadow:0 1px 10px #0f172a0a}.header-inner[data-v-aedf9241]{height:100%;display:flex;align-items:center;gap:var(--space-4)}.header-logo[data-v-aedf9241]{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;flex-shrink:0;transition:transform var(--transition-fast)}.header-logo[data-v-aedf9241]:hover{transform:scale(1.04)}.logo-icon[data-v-aedf9241]{width:42px;height:42px;border-radius:var(--radius-base);background:var(--gradient-primary);color:#fff;font-size:20px;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #5b8def40}.logo-text[data-v-aedf9241]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:.02em}.header-nav[data-v-aedf9241]{display:flex;align-items:center;gap:var(--space-1)}.nav-link[data-v-aedf9241]{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-base);white-space:nowrap;text-decoration:none;position:relative}.nav-link[data-v-aedf9241]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.nav-link.active[data-v-aedf9241]{background:var(--color-primary-bg);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.nav-link.active[data-v-aedf9241]:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:18px;height:3px;background:var(--color-primary);border-radius:var(--radius-full)}.header-search[data-v-aedf9241]{display:flex;align-items:center;gap:var(--space-2);background:var(--color-bg-hover);border:1.5px solid transparent;border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);max-width:280px;min-width:180px;flex:0 1 auto;color:var(--color-text-placeholder);transition:all var(--transition-base)}.header-search[data-v-aedf9241]:focus-within{border-color:var(--color-border-focus);background:var(--color-bg-card);box-shadow:0 0 0 4px #5b8def14}.search-input[data-v-aedf9241]{flex:1;border:none;background:none;outline:none;font-size:var(--font-size-sm);color:var(--color-text-primary)}.search-input[data-v-aedf9241]::placeholder{color:var(--color-text-placeholder)}.header-actions[data-v-aedf9241]{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;margin-left:auto}.header-btn[data-v-aedf9241]{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all var(--transition-base);position:relative;background:none;border:none;cursor:pointer}.header-btn[data-v-aedf9241]:hover{background:var(--color-primary-bg);color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.notification-badge[data-v-aedf9241],.message-badge[data-v-aedf9241]{position:absolute;top:-2px;right:-2px;background:var(--color-danger);color:#fff;font-size:10px;padding:2px 6px;border-radius:var(--radius-full);font-weight:700;min-width:18px;text-align:center;box-shadow:0 1px 4px #ef444459}.message-badge[data-v-aedf9241]{background:var(--color-primary);box-shadow:0 1px 4px #5b8def59}.desktop-only[data-v-aedf9241]{display:none}@media (min-width: 768px){.desktop-only[data-v-aedf9241]{display:flex}}.app-sidebar[data-v-994e80f3]{position:fixed;left:0;top:var(--header-height);width:var(--sidebar-width);height:calc(100vh - var(--header-height));background:#fffffff7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;overflow-y:auto;padding:var(--space-5) var(--space-3);z-index:90}.app-sidebar[data-v-994e80f3]::-webkit-scrollbar{width:4px}.app-sidebar[data-v-994e80f3]::-webkit-scrollbar-track{background:transparent}.app-sidebar[data-v-994e80f3]::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.sidebar-nav[data-v-994e80f3]{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-section-label[data-v-994e80f3]{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold);letter-spacing:.06em;padding:var(--space-4) var(--space-3) var(--space-2)}.sidebar-item[data-v-994e80f3]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-base);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-base);text-decoration:none;position:relative}.sidebar-item[data-v-994e80f3]:hover{background:var(--color-bg-hover);color:var(--color-text-primary);transform:translate(2px)}.sidebar-item.active[data-v-994e80f3]{background:var(--color-primary-bg);color:var(--color-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-xs)}.sidebar-item.active[data-v-994e80f3]:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--color-primary);border-radius:0 var(--radius-full) var(--radius-full) 0}.sidebar-dot[data-v-994e80f3]{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.sidebar-desc[data-v-994e80f3]{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-left:auto;transition:color var(--transition-fast)}.sidebar-item.active .sidebar-desc[data-v-994e80f3]{color:var(--color-primary);opacity:.8}.sidebar-divider[data-v-994e80f3]{height:1px;background:var(--color-border-light);margin:var(--space-4) var(--space-3)}.home-item[data-v-994e80f3]{margin-bottom:var(--space-2)}.sidebar-footer[data-v-994e80f3]{padding:var(--space-5) var(--space-3);border-top:1px solid var(--color-border-light);margin-top:auto}.sidebar-motto[data-v-994e80f3]{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.sidebar-motto-sub[data-v-994e80f3]{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:4px}.mobile-nav[data-v-b15c6982]{position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);background:#fffffff0;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--color-border-light);box-shadow:0 -2px 12px #0f172a0a;display:flex;align-items:center;padding:0 var(--space-2);z-index:90;padding-bottom:env(safe-area-inset-bottom)}.nav-item[data-v-b15c6982]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;color:var(--color-text-tertiary);text-decoration:none;padding:var(--space-1) 0;transition:all var(--transition-base);min-width:0;position:relative}.nav-item[data-v-b15c6982]:hover{color:var(--color-text-secondary)}.nav-item.active[data-v-b15c6982]{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.nav-item.active[data-v-b15c6982]:after{content:"";position:absolute;top:2px;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--color-primary);border-radius:var(--radius-full)}.nav-item span[data-v-b15c6982]:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nav-dot[data-v-b15c6982]{width:20px;height:20px;border-radius:50%;display:inline-block;transition:box-shadow var(--transition-fast)}.nav-item.active .nav-dot[data-v-b15c6982]{box-shadow:0 0 8px currentColor}.app-footer[data-v-d75ed832]{width:100%;padding:12px 16px;background-color:#f8fafc;border-top:1px solid #e2e8f0}.footer-content[data-v-d75ed832]{max-width:1200px;margin:0 auto;text-align:center}.footer-links[data-v-d75ed832]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.footer-link[data-v-d75ed832]{color:#64748b;text-decoration:none;font-size:12px;transition:color .2s ease;display:inline-flex;align-items:center;gap:4px}.footer-link[data-v-d75ed832]:hover{color:#3b82f6}.record-icon[data-v-d75ed832]{width:18px;height:20px;object-fit:contain}.security-icon[data-v-d75ed832]{font-size:16px}.footer-separator[data-v-d75ed832]{color:#cbd5e1}.footer-copyright[data-v-d75ed832]{color:#94a3b8;font-size:11px}.toast-container[data-v-4a780b85]{position:fixed;top:calc(var(--header-height) + var(--space-4));left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none;min-width:240px;max-width:420px}.toast-item[data-v-4a780b85]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;pointer-events:all;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.toast-success[data-v-4a780b85]{background:#52c41aeb;color:#fff;border:1px solid rgba(82,196,26,.3)}.toast-error[data-v-4a780b85]{background:#ff4d4feb;color:#fff;border:1px solid rgba(255,77,79,.3)}.toast-warning[data-v-4a780b85]{background:#faad14eb;color:#fff;border:1px solid rgba(250,173,20,.3)}.toast-info[data-v-4a780b85]{background:#5b8defeb;color:#fff;border:1px solid rgba(91,141,239,.3)}.toast-icon[data-v-4a780b85]{flex-shrink:0;display:flex;align-items:center}.toast-enter-active[data-v-4a780b85],.toast-leave-active[data-v-4a780b85]{transition:all .3s ease}.toast-enter-from[data-v-4a780b85]{opacity:0;transform:translateY(-16px)}.toast-leave-to[data-v-4a780b85]{opacity:0;transform:translateY(-8px)}.confirm-mask[data-v-6341301d]{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg-mask);display:flex;align-items:center;justify-content:center;z-index:9998;padding:var(--space-4)}.confirm-dialog[data-v-6341301d]{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:360px;box-shadow:var(--shadow-lg)}.confirm-title[data-v-6341301d]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.confirm-message[data-v-6341301d]{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-base)}.confirm-footer[data-v-6341301d]{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.modal-enter-active[data-v-6341301d],.modal-leave-active[data-v-6341301d]{transition:opacity .25s ease}.modal-enter-active .confirm-dialog[data-v-6341301d],.modal-leave-active .confirm-dialog[data-v-6341301d]{transition:transform .25s ease}.modal-enter-from[data-v-6341301d],.modal-leave-to[data-v-6341301d]{opacity:0}.modal-enter-from .confirm-dialog[data-v-6341301d],.modal-leave-to .confirm-dialog[data-v-6341301d]{transform:scale(.92)}.back-to-top[data-v-9dad13a0]{position:fixed;right:var(--space-6);bottom:calc(var(--mobile-nav-height) + var(--space-4));width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);z-index:80;transition:all var(--transition-fast);cursor:pointer}.back-to-top[data-v-9dad13a0]:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (min-width: 1024px){.back-to-top[data-v-9dad13a0]{bottom:var(--space-8)}}#app-root{background:var(--color-bg-page);min-height:100vh}.app-layout{min-height:calc(100vh - var(--header-height));padding-top:var(--header-height)}.app-layout.has-sidebar{display:flex;padding-left:var(--sidebar-width)}.app-main{flex:1;min-height:calc(100vh - var(--header-height));padding-bottom:var(--space-8);background:var(--color-bg-page)}.app-main:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 50%,rgba(91,141,239,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(139,92,246,.02) 0%,transparent 50%),radial-gradient(ellipse at 60% 80%,rgba(16,185,129,.02) 0%,transparent 50%);pointer-events:none;z-index:0}@media (max-width: 1023px){.app-main{padding-bottom:calc(var(--mobile-nav-height) + var(--space-4))}}:root{--color-primary: #5b8def;--color-primary-light: #7eabf5;--color-primary-lighter: #a4c6f8;--color-primary-dark: #3a6fd8;--color-primary-darker: #2451b0;--color-primary-bg: #eef4ff;--color-primary-bg-hover: #dce8fc;--color-secondary: #34d399;--color-secondary-light: #6ee7b7;--color-secondary-dark: #059669;--color-secondary-bg: #ecfdf5;--color-success: #10b981;--color-success-light: #34d399;--color-success-bg: #ecfdf5;--color-success-border: #a7f3d0;--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-bg: #fffbeb;--color-warning-border: #fde68a;--color-danger: #ef4444;--color-danger-light: #f87171;--color-danger-bg: #fef2f2;--color-danger-border: #fecaca;--color-info: #6366f1;--color-info-light: #818cf8;--color-info-bg: #eef2ff;--color-treehole: #8b5cf6;--color-treehole-light: #a78bfa;--color-treehole-bg: #f5f3ff;--color-funshare: #f59e0b;--color-funshare-light: #fbbf24;--color-funshare-bg: #fffbeb;--color-bookshare: #10b981;--color-bookshare-light: #34d399;--color-bookshare-bg: #ecfdf5;--color-lostfound: #ef4444;--color-lostfound-light: #f87171;--color-lostfound-bg: #fef2f2;--color-dailyshare: #3b82f6;--color-dailyshare-light: #60a5fa;--color-dailyshare-bg: #eff6ff;--color-feedback: #ec4899;--color-feedback-light: #f472b6;--color-feedback-bg: #fdf2f8;--color-text-primary: #1e293b;--color-text-secondary: #64748b;--color-text-tertiary: #94a3b8;--color-text-placeholder: #b8c5d6;--color-text-disabled: #cbd5e1;--color-text-inverse: #ffffff;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-border-hover: #cbd5e1;--color-border-focus: #5b8def;--color-bg-page: #f8fafc;--color-bg-page-alt: #f1f5f9;--color-bg-card: #ffffff;--color-bg-card-hover: #fafbff;--color-bg-hover: #f1f5f9;--color-bg-mask: rgba(15, 23, 42, .55);--color-bg-glass: rgba(255, 255, 255, .88);--gradient-primary: linear-gradient(135deg, #5b8def, #3a6fd8);--gradient-primary-hover: linear-gradient(135deg, #7eabf5, #5b8def);--gradient-hero: linear-gradient(160deg, #1a365d 0%, #3a6fd8 45%, #5b8def 75%, #7eabf5 100%);--gradient-auth: linear-gradient(160deg, #0f172a 0%, #1e3a5f 35%, #3a6fd8 70%, #5b8def 100%);--gradient-card-hover: linear-gradient(180deg, rgba(91,141,239,.03), rgba(91,141,239,.08));--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-family-mono: "SF Mono", "Fira Code", "Consolas", monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 17px;--font-size-lg: 19px;--font-size-xl: 22px;--font-size-2xl: 26px;--font-size-3xl: 32px;--font-size-4xl: 40px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-base: 1.6;--line-height-relaxed: 1.8;--line-height-loose: 2;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--radius-xs: 4px;--radius-sm: 8px;--radius-base: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-base: 0 4px 6px -1px rgba(15, 23, 42, .07), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-md: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .04);--shadow-lg: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 8px 10px -6px rgba(15, 23, 42, .04);--shadow-xl: 0 25px 50px -12px rgba(15, 23, 42, .15);--shadow-glow-primary: 0 0 20px rgba(91, 141, 239, .15);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .35s cubic-bezier(.34, 1.56, .64, 1);--header-height: 68px;--sidebar-width: 256px;--mobile-nav-height: 60px;--content-max-width: 1280px;--content-narrow-width: 860px;--card-border-radius: var(--radius-lg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.container{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-5)}.container-narrow{max-width:var(--content-narrow-width)}.card{background:var(--color-bg-card);border-radius:var(--card-border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);overflow:hidden;transition:box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 22px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;border:1.5px solid transparent;letter-spacing:.01em;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;transition:background var(--transition-fast)}.btn:hover:after{background:#ffffff1a}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-primary);color:#fff;border-color:var(--color-primary-dark);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--gradient-primary-hover);box-shadow:var(--shadow-md),var(--shadow-glow-primary);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success);box-shadow:var(--shadow-sm)}.btn-success:hover{background:var(--color-success-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger);box-shadow:var(--shadow-sm)}.btn-danger:hover{background:var(--color-danger-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-warning{background:var(--color-warning);color:#fff;border-color:var(--color-warning)}.btn-warning:hover{background:var(--color-warning-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary-bg);box-shadow:var(--shadow-sm)}.btn-sm{padding:6px 14px;font-size:var(--font-size-xs);border-radius:var(--radius-base)}.btn-lg{padding:14px 32px;font-size:var(--font-size-base)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full)}.btn-icon.btn-sm{width:32px;height:32px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-group{display:inline-flex;gap:var(--space-2)}.input{width:100%;padding:10px 16px;border:1.5px solid var(--color-border);border-radius:var(--radius-base);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-card);transition:all var(--transition-fast);outline:none;line-height:var(--line-height-base)}.input:hover{border-color:var(--color-border-hover)}.input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 4px #5b8def1f}.input[aria-invalid=true],.input.error{border-color:var(--color-danger);box-shadow:0 0 0 4px #ef44441a}.input:disabled{background:var(--color-bg-page-alt);color:var(--color-text-disabled);cursor:not-allowed}.input::placeholder{color:var(--color-text-placeholder)}.textarea{resize:vertical;min-height:120px;line-height:var(--line-height-relaxed)}.tag{display:inline-flex;align-items:center;padding:4px 12px;background:var(--color-primary-bg);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.01em}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-text-secondary)!important}.text-success{color:var(--color-success)!important}.text-danger{color:var(--color-danger)!important}.text-warning{color:var(--color-warning)!important}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-bold{font-weight:var(--font-weight-bold)}.text-semibold{font-weight:var(--font-weight-semibold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.form-label .required{color:var(--color-danger);margin-left:2px}.field-error{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:var(--font-size-xs);color:var(--color-danger);font-weight:var(--font-weight-medium)}.field-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:2px}.divider{height:1px;background:var(--color-border-light);margin:var(--space-4) 0}.divider-strong{background:var(--color-border)}.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.scrollable::-webkit-scrollbar{width:6px}.scrollable::-webkit-scrollbar-track{background:transparent}.scrollable::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.text-ellipsis-3{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.link:hover{color:var(--color-primary-dark);text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.bg-overlay{position:relative}.bg-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f172a73,#0f172a26);z-index:1;pointer-events:none}@media (max-width: 767px){.hide-mobile{display:none!important}}@media (min-width: 768px){.hide-desktop{display:none!important}}.page-loading{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--color-text-tertiary);font-size:var(--font-size-base)}.page-fade-enter-active{transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.page-fade-leave-active{transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.page-fade-enter-from{opacity:0;transform:translateY(12px) scale(.98)}.page-fade-leave-to{opacity:0;transform:translateY(-8px) scale(.98)}.list-enter-active{transition:all .35s cubic-bezier(.34,1.56,.64,1)}.list-leave-active{transition:all .2s cubic-bezier(.4,0,1,1);position:absolute;width:100%}.list-enter-from{opacity:0;transform:translateY(-16px) scale(.95)}.list-leave-to{opacity:0;transform:translateY(-8px) scale(.96)}.list-move{transition:transform .35s cubic-bezier(.4,0,.2,1)}.toast-enter-active{transition:all .35s cubic-bezier(.34,1.56,.64,1)}.toast-leave-active{transition:all .2s cubic-bezier(.4,0,1,1)}.toast-enter-from{opacity:0;transform:translate(-50%) translateY(-20px) scale(.92)}.toast-leave-to{opacity:0;transform:translate(-50%) translateY(-12px) scale(.92)}.modal-enter-active{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.modal-leave-active{transition:all .2s cubic-bezier(.4,0,1,1)}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-body,.modal-leave-to .modal-body{transform:scale(.92)}.mask-enter-active{transition:opacity .25s cubic-bezier(.4,0,.2,1)}.mask-leave-active{transition:opacity .2s cubic-bezier(.4,0,1,1)}.mask-enter-from,.mask-leave-to{opacity:0}.slide-left-enter-active{transition:transform .35s cubic-bezier(.4,0,.2,1)}.slide-left-leave-active{transition:transform .25s cubic-bezier(.4,0,1,1)}.slide-left-enter-from{transform:translate(100%)}.slide-left-leave-to{transform:translate(-30%)}.expand-enter-active,.expand-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.expand-enter-from,.expand-leave-to{max-height:0!important;opacity:0;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}.fade-enter-active{transition:opacity .25s cubic-bezier(.4,0,.2,1)}.fade-leave-active{transition:opacity .2s cubic-bezier(.4,0,1,1)}.fade-enter-from,.fade-leave-to{opacity:0}.scale-enter-active{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.scale-leave-active{transition:all .2s cubic-bezier(.4,0,1,1)}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.85)}.dropdown-enter-active{transition:all .25s cubic-bezier(.34,1.56,.64,1)}.dropdown-leave-active{transition:all .15s cubic-bezier(.4,0,1,1)}.dropdown-enter-from{opacity:0;transform:translateY(-12px) scale(.95)}.dropdown-leave-to{opacity:0;transform:translateY(-8px) scale(.95)}