.avatar-frame-wrapper[data-v-6d4a33b0]{display:flex;align-items:center;justify-content:center;width:var(--v3f3cdc38);height:var(--v3f3cdc38);position:relative;flex-shrink:0}.avatar-slot[data-v-6d4a33b0]{width:var(--v27deb52d);height:var(--v27deb52d);border-radius:50%;overflow:hidden;position:absolute;top:var(--v331ea286);left:var(--v331ea286);z-index:1}.frame-image[data-v-6d4a33b0]{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;z-index:2;-o-object-fit:cover;object-fit:cover}.avatar-slot>img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;display:block!important}.image-loader[data-v-cd5bd5e1]{position:relative;display:inline-block;overflow:hidden;background:var(--v0fbb3362)}.image-loading[data-v-cd5bd5e1]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:transparent}.dot-bounce[data-v-cd5bd5e1]{display:flex;align-items:center;justify-content:center;gap:5px}.dot-bounce .dot[data-v-cd5bd5e1]{width:7px;height:7px;background:#cbd5e1;border-radius:50%;animation:dot-bounce-cd5bd5e1 1.4s ease-in-out infinite both}.dot-bounce .dot[data-v-cd5bd5e1]:nth-child(1){animation-delay:0s}.dot-bounce .dot[data-v-cd5bd5e1]:nth-child(2){animation-delay:.16s}.dot-bounce .dot[data-v-cd5bd5e1]:nth-child(3){animation-delay:.32s}@keyframes dot-bounce-cd5bd5e1{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.image-loader img[data-v-cd5bd5e1]{display:block;width:100%;height:100%;animation:image-fade-in-cd5bd5e1 .25s ease}@keyframes image-fade-in-cd5bd5e1{0%{opacity:0}to{opacity:1}}.image-loader.shape-circle[data-v-cd5bd5e1],.image-loader.shape-circle img[data-v-cd5bd5e1]{border-radius:50%!important}.sidebar[data-v-0a180881]{width:var(--sidebar-width, 260px);background:#fff;height:100vh;position:fixed;top:0;left:0;display:flex;flex-direction:column;flex-shrink:0;z-index:50}html.dark-mode .sidebar[data-v-0a180881]{background:#1a1a1a}.sidebar[data-v-0a180881]:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:#e5e7eb;z-index:51}html.dark-mode .sidebar[data-v-0a180881]:after{background:#333}.sidebar-logo[data-v-0a180881]{padding:0 24px;height:60px;display:flex;align-items:center;border-bottom:1px solid #e5e7eb}html.dark-mode .sidebar-logo[data-v-0a180881]{border-bottom-color:#333}.logo-link[data-v-0a180881]{display:flex;align-items:center;text-decoration:none}.logo-text[data-v-0a180881]{font-size:20px;font-weight:700;color:#1f2937;letter-spacing:-.5px}.sidebar-user[data-v-0a180881]{padding:8px 16px}.sidebar-guest[data-v-0a180881]{text-align:center;padding:8px;background:#f9fafb;border-radius:12px}.guest-tip[data-v-0a180881]{font-size:13px;color:#6b7280;margin-bottom:8px}.sidebar-login-btn[data-v-0a180881]{display:inline-flex;align-items:center;gap:6px;padding:8px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:20px;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 2px 8px #3b82f64d}.sidebar-login-btn[data-v-0a180881]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.sidebar-login-btn i[data-v-0a180881]{font-size:16px}.sidebar-user-card[data-v-0a180881]{background:linear-gradient(135deg,#f0f7ff,#e0f2fe);border-radius:16px;padding:8px;cursor:pointer;transition:all .2s;border:1px solid #dbeafe}.sidebar-user-card[data-v-0a180881]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.user-card-header[data-v-0a180881]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sidebar-user-avatar[data-v-0a180881]{position:relative;width:62px;height:62px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-user-avatar>img[data-v-0a180881]{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;box-shadow:0 2px 8px #0000001a}.sidebar-user-info[data-v-0a180881]{flex:1;min-width:0}.sidebar-user-name[data-v-0a180881]{font-size:15px;font-weight:600;color:#1f2937;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role[data-v-0a180881]{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;background:#eff6ff;color:#3b82f6}.user-card-stats[data-v-0a180881]{display:flex;justify-content:space-around;padding-top:8px;border-top:1px solid rgba(59,130,246,.1)}.stat-item[data-v-0a180881]{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value[data-v-0a180881]{font-size:16px;font-weight:700;color:#1f2937}.stat-label[data-v-0a180881]{font-size:11px;color:#6b7280}.sidebar-nav[data-v-0a180881]{flex:1;overflow-y:auto;padding:8px 16px}.nav-section[data-v-0a180881]{margin-bottom:8px}.nav-section-title[data-v-0a180881]{padding:8px 16px;font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.sidebar-nav-link[data-v-0a180881]{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;color:#4b5563;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s;margin-bottom:2px}.nav-icon[data-v-0a180881]{width:32px;height:32px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:18px;transition:all .2s}.nav-icon svg[data-v-0a180881]{width:18px;height:18px}.sidebar-nav-link[data-v-0a180881]:hover{background:#f9fafb;color:#1f2937}.sidebar-nav-link:hover .nav-icon[data-v-0a180881]{background:#dbeafe;color:#3b82f6}.sidebar-nav-link.active[data-v-0a180881]{background:#eff6ff;color:#3b82f6}.sidebar-nav-link.active .nav-icon[data-v-0a180881]{background:#3b82f6;color:#fff}.nav-badge[data-v-0a180881]{margin-left:auto;min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center}.sidebar-footer[data-v-0a180881]{padding:8px 16px;border-top:1px solid #f3f4f6;display:flex;gap:8px}.footer-btn[data-v-0a180881]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:#f9fafb;border:none;border-radius:10px;color:#4b5563;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s}.footer-btn[data-v-0a180881]:hover{background:#f3f4f6;color:#1f2937}.footer-btn i[data-v-0a180881]{font-size:16px}.footer-btn.logout[data-v-0a180881]{color:#ef4444}.footer-btn.logout[data-v-0a180881]:hover{background:#fef2f2}.footer-btn.primary[data-v-0a180881]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.footer-btn.primary[data-v-0a180881]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.sidebar-nav[data-v-0a180881]::-webkit-scrollbar{width:4px}.sidebar-nav[data-v-0a180881]::-webkit-scrollbar-track{background:transparent}.sidebar-nav[data-v-0a180881]::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.sidebar-nav[data-v-0a180881]::-webkit-scrollbar-thumb:hover{background:#d1d5db}html.dark-mode .logo-text[data-v-0a180881]{color:#e5e5e5}html.dark-mode .sidebar-guest[data-v-0a180881]{background:#242424}html.dark-mode .guest-tip[data-v-0a180881]{color:#a3a3a3}html.dark-mode .sidebar-user-card[data-v-0a180881]{background:linear-gradient(135deg,#1e293b,#1a2332);border-color:#333}html.dark-mode .sidebar-user-name[data-v-0a180881],html.dark-mode .stat-value[data-v-0a180881]{color:#e5e5e5}html.dark-mode .stat-label[data-v-0a180881]{color:#a3a3a3}html.dark-mode .nav-section-title[data-v-0a180881]{color:#737373}html.dark-mode .sidebar-nav-link[data-v-0a180881]{color:#a3a3a3}html.dark-mode .sidebar-nav-link[data-v-0a180881]:hover{background:#2a2a2a;color:#e5e5e5}html.dark-mode .nav-icon[data-v-0a180881]{background:#2a2a2a;color:#737373}html.dark-mode .sidebar-nav-link:hover .nav-icon[data-v-0a180881]{background:#3b82f626;color:#60a5fa}html.dark-mode .sidebar-nav-link.active[data-v-0a180881]{background:#3b82f61f;color:#60a5fa}html.dark-mode .sidebar-nav-link.active .nav-icon[data-v-0a180881]{background:#3b82f6;color:#fff}html.dark-mode .sidebar-footer[data-v-0a180881]{border-top-color:#333}html.dark-mode .footer-btn[data-v-0a180881]{background:#242424;color:#a3a3a3}html.dark-mode .footer-btn[data-v-0a180881]:hover{background:#2a2a2a;color:#e5e5e5}html.dark-mode .footer-btn.logout[data-v-0a180881]{color:#f87171}html.dark-mode .footer-btn.logout[data-v-0a180881]:hover{background:#ef444426}@media (max-width: 1024px){.sidebar[data-v-0a180881]{display:none}}.main-header[data-v-7116c244]{background:#fff;border-bottom:1px solid #e5e7eb;height:64px;position:fixed;top:0;left:var(--sidebar-width);right:0;z-index:102;display:flex;align-items:center;padding:0 24px;gap:8px}.header-left[data-v-7116c244]{display:flex;align-items:center;gap:8px}.header-right[data-v-7116c244]{display:flex;align-items:center;gap:8px;margin-left:auto}.logo-wrapper[data-v-7116c244]{display:flex;align-items:center}.logo[data-v-7116c244]{font-size:20px;font-weight:700;color:#3b82f6;cursor:pointer;text-decoration:none;display:flex;align-items:center}.page-title-desktop[data-v-7116c244]{position:absolute;left:50%;transform:translate(-50%);font-size:18px;font-weight:600;color:var(--text-primary);text-decoration:none}.site-logo-img-inline[data-v-7116c244]{height:36px;max-width:140px;min-width:80px;-o-object-fit:contain;object-fit:contain}.mobile-logo-link[data-v-7116c244]{display:flex;align-items:center;text-decoration:none}.mobile-logo-img[data-v-7116c244]{max-height:40px;max-width:120px;min-width:60px;-o-object-fit:contain;object-fit:contain}.mobile-chat-avatar-link[data-v-7116c244]{display:flex;align-items:center;text-decoration:none}.mobile-chat-avatar[data-v-7116c244]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-left:8px;pointer-events:auto;background:#f0f0f0}.mobile-chat-avatar.type-official[data-v-7116c244],.mobile-chat-avatar.type-system[data-v-7116c244]{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.mobile-chat-avatar.type-official i[data-v-7116c244],.mobile-chat-avatar.type-system i[data-v-7116c244]{color:#fff}.mobile-chat-avatar img[data-v-7116c244]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mobile-chat-avatar i[data-v-7116c244]{font-size:18px;color:#8b5cf6}.back-btn-desktop[data-v-7116c244]{width:36px;height:36px;background:var(--bg-hover);border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-right:8px}.back-btn-desktop[data-v-7116c244]:hover{background:var(--border-color)}.back-btn-desktop svg[data-v-7116c244]{width:18px;height:18px;color:var(--text-primary)}.more-btn-desktop[data-v-7116c244]{width:36px;height:36px;background:var(--bg-hover);border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-right:16px}.more-btn-desktop[data-v-7116c244]:hover{background:var(--border-color)}.more-btn-desktop svg[data-v-7116c244]{width:18px;height:18px;color:var(--text-primary)}.search-btn-desktop[data-v-7116c244]{width:36px;height:36px;background:var(--bg-hover);border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-right:16px}.search-btn-desktop[data-v-7116c244]:hover{background:var(--border-color)}.search-btn-desktop svg[data-v-7116c244]{width:18px;height:18px;color:var(--text-primary)}.user-dropdown[data-v-7116c244]{position:relative}.user-avatar[data-v-7116c244]{width:36px;height:36px;border-radius:50%;cursor:pointer;-o-object-fit:cover;object-fit:cover;border:2px solid var(--border-color);transition:border-color .2s}.user-avatar[data-v-7116c244]:hover{border-color:#3b82f6}.user-avatar-wrapper[data-v-7116c244]{position:relative;display:inline-block;z-index:99999}.user-verification-badge[data-v-7116c244]{position:absolute;bottom:-2px;right:-2px}.dropdown-menu[data-v-7116c244]{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-primary);border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:150px;display:none;z-index:9999;overflow:hidden;border:1px solid var(--border-color)}.dropdown-menu.show[data-v-7116c244]{display:block}.dropdown-menu a[data-v-7116c244]{display:flex;align-items:center;gap:8px;padding:8px 16px;color:var(--text-primary);text-decoration:none;font-size:14px;transition:background .2s}.dropdown-menu a svg[data-v-7116c244]{width:16px;height:16px;color:var(--text-tertiary)}.dropdown-menu a[data-v-7116c244]:hover{background:var(--bg-hover)}.dropdown-menu .logout-link[data-v-7116c244]{color:#ef4444}.dropdown-menu .logout-link svg[data-v-7116c244]{color:#ef4444}.dropdown-menu .logout-link[data-v-7116c244]:hover{background:#fef2f2}.dropdown-divider[data-v-7116c244]{height:1px;background:var(--border-color);margin:4px 0}.btn[data-v-7116c244]{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;text-decoration:none;display:inline-block}.btn-primary[data-v-7116c244]{background:#3b82f6;color:#fff}.btn-primary[data-v-7116c244]:hover{background:#2563eb}.menu-toggle[data-v-7116c244]{display:none;background:none;border:none;font-size:22px;cursor:pointer;padding:4px;color:var(--text-primary)}.mobile-header[data-v-7116c244]{display:none;background:var(--bg-primary);border-bottom:1px solid var(--border-color);height:56px;position:fixed;top:0;left:0;right:0;z-index:200;align-items:center;padding:0 16px}.mobile-header.center-title[data-v-7116c244]{justify-content:space-between}.mobile-header-left[data-v-7116c244]{display:flex;align-items:center;gap:8px;flex:1}.mobile-title[data-v-7116c244]{font-size:17px;font-weight:600;color:var(--text-primary)}.mobile-title.center[data-v-7116c244]{position:absolute;left:50%;transform:translate(-50%)}.back-btn[data-v-7116c244]{width:36px;height:36px;background:var(--bg-hover);border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.back-btn[data-v-7116c244]:hover{background:var(--border-color)}.back-btn svg[data-v-7116c244]{width:20px;height:20px;color:var(--text-primary)}.mobile-header-right[data-v-7116c244]{display:flex;align-items:center;gap:8px;flex-shrink:0}.search-btn[data-v-7116c244]{width:40px;height:40px;background:var(--bg-hover);border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.search-btn[data-v-7116c244]:hover{background:var(--border-color)}.more-btn[data-v-7116c244]{width:40px;height:40px;background:var(--bg-hover);border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--text-primary);font-size:20px;pointer-events:auto;flex-shrink:0}.more-btn[data-v-7116c244]:hover{background:var(--border-color)}.chat-more-menu[data-v-7116c244],.report-more-menu[data-v-7116c244]{position:relative}.more-menu-dropdown[data-v-7116c244]{position:absolute;top:100%;right:0;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;min-width:180px;z-index:1001;overflow:hidden;margin-top:8px}.menu-item[data-v-7116c244]{display:flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer;transition:all .2s;color:#1f2937;font-size:14px}.menu-item[data-v-7116c244]:hover{background:#f3f4f6}.menu-item i[data-v-7116c244]{font-size:18px}.menu-item.danger[data-v-7116c244]{color:#ef4444}.menu-item.danger[data-v-7116c244]:hover{background:#fef2f2}.more-btn svg[data-v-7116c244]{width:20px;height:20px;color:var(--text-primary)}.settings-btn[data-v-7116c244]{width:40px;height:40px;background:var(--bg-hover);border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;text-decoration:none}.settings-btn[data-v-7116c244]:hover{background:var(--border-color)}.settings-btn svg[data-v-7116c244]{width:20px;height:20px;color:var(--text-primary)}.settings-btn-desktop[data-v-7116c244]{width:36px;height:36px;background:var(--bg-hover);border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-right:16px;text-decoration:none}.settings-btn-desktop[data-v-7116c244]:hover{background:var(--border-color)}.settings-btn-desktop svg[data-v-7116c244]{width:18px;height:18px;color:var(--text-primary)}.report-modal[data-v-7116c244]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.report-modal-content[data-v-7116c244]{background:var(--bg-primary);border-radius:16px;padding:8px;width:90%;max-width:400px}.report-modal-content h3[data-v-7116c244]{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px;text-align:center}.report-modal-content p[data-v-7116c244]{font-size:14px;color:var(--text-secondary);margin:0 0 8px;text-align:center}.report-options[data-v-7116c244]{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.report-option[data-v-7116c244]{padding:8px 16px;background:var(--bg-hover);border:none;border-radius:10px;font-size:15px;color:var(--text-primary);cursor:pointer;text-align:left;transition:all .2s}.report-option[data-v-7116c244]:hover{background:var(--border-color)}.report-option.active[data-v-7116c244]{background:#3b82f6;color:#fff}.report-description[data-v-7116c244]{margin-bottom:8px}.report-description textarea[data-v-7116c244]{width:100%;padding:8px;border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-family:inherit;resize:vertical;background:var(--bg-hover);color:var(--text-primary);line-height:1.5}.report-description textarea[data-v-7116c244]:focus{outline:none;border-color:#3b82f6;background:var(--bg-primary)}.description-count[data-v-7116c244]{text-align:right;font-size:12px;color:var(--text-tertiary);margin-top:4px}.report-actions[data-v-7116c244]{display:flex;gap:8px;margin-top:8px}.report-cancel[data-v-7116c244]{flex:1;padding:8px;background:#f3f4f6;border:none;border-radius:10px;font-size:15px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.report-cancel[data-v-7116c244]:hover{background:#e5e7eb}.report-submit[data-v-7116c244]{flex:2;padding:8px;background:#3b82f6;border:none;border-radius:10px;font-size:15px;color:#fff;cursor:pointer;transition:all .2s;font-weight:500}.report-submit[data-v-7116c244]:hover:not(:disabled){background:#2563eb}.report-submit[data-v-7116c244]:disabled{background:#9ca3af;cursor:not-allowed}.search-btn svg[data-v-7116c244]{width:20px;height:20px;color:var(--text-primary)}.mobile-menu[data-v-7116c244]{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100%;background:var(--bg-primary);z-index:200;transform:translate(-100%);transition:transform .3s;box-shadow:2px 0 10px #0000001a;display:none}.mobile-menu.open[data-v-7116c244]{transform:translate(0)}.mobile-menu-header[data-v-7116c244]{padding:8px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;height:56px}.mobile-menu-content[data-v-7116c244]{display:flex;flex-direction:column;overflow-y:auto;height:calc(100% - 56px)}.mobile-guest-card[data-v-7116c244]{padding:8px 24px}.sidebar-login-btn[data-v-7116c244]{display:block;padding:8px 16px;background:#3b82f6;color:#fff;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;text-align:center;transition:background .2s}.sidebar-login-btn[data-v-7116c244]:hover{background:#2563eb}.mobile-user-card[data-v-7116c244]{display:flex;align-items:center;gap:8px;padding:8px 24px;background:var(--bg-hover)}.mobile-user-avatar[data-v-7116c244]{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:var(--border-color)}.mobile-user-name[data-v-7116c244]{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.mobile-user-name-wrapper[data-v-7116c244]{display:flex;align-items:center;gap:6px}.mobile-user-role[data-v-7116c244]{font-size:12px;color:var(--text-secondary)}.mobile-nav-section[data-v-7116c244]{padding:8px;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--border-color)}.mobile-nav-link[data-v-7116c244]{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s}.mobile-nav-link svg[data-v-7116c244]{width:20px;height:20px;color:var(--text-tertiary)}.mobile-nav-link[data-v-7116c244]:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-nav-link:hover svg[data-v-7116c244]{color:#3b82f6}.mobile-nav-link.active[data-v-7116c244]{background:#3b82f6;color:#fff}.mobile-nav-link.active svg[data-v-7116c244]{color:#fff}.mobile-bottom-nav[data-v-7116c244]{position:fixed;bottom:0;left:0;right:0;display:none;justify-content:space-around;align-items:center;background:var(--bg-primary);border-top:1px solid var(--border-color);padding:8px 0;z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item[data-v-7116c244]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;text-decoration:none;color:var(--text-tertiary);transition:all .2s;flex:1;background:none;border:none;cursor:pointer;font-family:inherit}.bottom-nav-item svg[data-v-7116c244]{width:24px;height:24px}.bottom-nav-item span[data-v-7116c244]{font-size:11px;font-weight:500}.bottom-nav-item[data-v-7116c244]:hover{color:var(--text-primary)}.bottom-nav-item.active[data-v-7116c244]{color:#3b82f6}.bottom-nav-item.active svg[data-v-7116c244]{color:#3b82f6}@media (max-width: 1024px){.main-header[data-v-7116c244]{left:0}.mobile-menu[data-v-7116c244]{display:block}}@media (max-width: 768px){.main-header[data-v-7116c244]{display:none}.mobile-header[data-v-7116c244]{display:flex}.mobile-menu[data-v-7116c244]{display:none!important}.mobile-bottom-nav[data-v-7116c244]{display:flex!important}}.modal-overlay[data-v-7116c244]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content[data-v-7116c244]{background:#fff;border-radius:16px;padding:8px;width:90%;max-width:400px}.modal-content h3[data-v-7116c244]{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px}.modal-content p[data-v-7116c244]{font-size:14px;color:#6b7280;margin:0 0 8px;line-height:1.6}.modal-actions[data-v-7116c244]{display:flex;gap:8px}.btn[data-v-7116c244]{flex:1;padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary[data-v-7116c244]{background:#f3f4f6;color:#6b7280}.btn-secondary[data-v-7116c244]:hover{background:#e5e7eb}.btn-danger[data-v-7116c244]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger[data-v-7116c244]:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.mobile-nav-link[data-v-7116c244],.bottom-nav-item[data-v-7116c244]{position:relative}.nav-unread-badge[data-v-7116c244]{position:absolute;top:4px;right:50%;transform:translate(18px);min-width:16px;height:16px;padding:0 4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:2px solid var(--bg-primary, #fff);pointer-events:none;z-index:2}.main-footer[data-v-4518f52c]{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:8px 24px;margin-left:240px;flex-shrink:0}.footer-content[data-v-4518f52c]{display:flex;justify-content:space-between;align-items:center}.footer-links[data-v-4518f52c]{display:flex;gap:8px}.footer-links a[data-v-4518f52c]{color:var(--text-secondary);text-decoration:none;font-size:12px;transition:color .2s}.footer-links a[data-v-4518f52c]:hover{color:#3b82f6}.copyright[data-v-4518f52c]{color:var(--text-tertiary);font-size:12px}@media (max-width: 768px){.main-footer[data-v-4518f52c]{margin-left:0;padding:8px}.footer-content[data-v-4518f52c]{flex-direction:column;gap:8px;text-align:center}.footer-links[data-v-4518f52c]{flex-wrap:wrap;justify-content:center;gap:8px}}.toast-wrapper[data-v-1f37b71e]{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000}.toast-box[data-v-1f37b71e]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;min-width:280px;max-width:400px;animation:slideDown-1f37b71e .3s ease}@keyframes slideDown-1f37b71e{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast-icon[data-v-1f37b71e]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-icon.success[data-v-1f37b71e]{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.toast-icon.success svg[data-v-1f37b71e]{color:#16a34a}.toast-icon.error[data-v-1f37b71e]{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.toast-icon.error svg[data-v-1f37b71e]{color:#dc2626}.toast-icon.warning[data-v-1f37b71e]{background:linear-gradient(135deg,#fef3c7,#fde68a)}.toast-icon.warning svg[data-v-1f37b71e]{color:#d97706}.toast-icon.info[data-v-1f37b71e]{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.toast-icon.info svg[data-v-1f37b71e]{color:#2563eb}.toast-icon svg[data-v-1f37b71e]{width:20px;height:20px}.toast-content[data-v-1f37b71e]{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.toast-title[data-v-1f37b71e]{font-size:15px;font-weight:600;color:#1f2937}.toast-message[data-v-1f37b71e]{font-size:13px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-close[data-v-1f37b71e]{width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.toast-close[data-v-1f37b71e]:hover{background:#f3f4f6}.toast-close svg[data-v-1f37b71e]{width:16px;height:16px;color:#9ca3af}.toast-fade-enter-active[data-v-1f37b71e],.toast-fade-leave-active[data-v-1f37b71e]{transition:all .3s ease}.toast-fade-enter-from[data-v-1f37b71e],.toast-fade-leave-to[data-v-1f37b71e]{opacity:0}.toast-fade-enter-from .toast-box[data-v-1f37b71e],.toast-fade-leave-to .toast-box[data-v-1f37b71e]{transform:translateY(-20px)}.triple-spinner[data-v-48ce1ff1]{position:relative;display:inline-block}.triple-spinner.small[data-v-48ce1ff1]{width:40px;height:40px}.triple-spinner.medium[data-v-48ce1ff1]{width:60px;height:60px}.triple-spinner.large[data-v-48ce1ff1]{width:80px;height:80px}.spinner-ring[data-v-48ce1ff1]{position:absolute;width:100%;height:100%;border-radius:50%;border:4px solid transparent}.triple-spinner.small .spinner-ring[data-v-48ce1ff1],.triple-spinner.medium .spinner-ring[data-v-48ce1ff1]{border-width:3px}.triple-spinner.large .spinner-ring[data-v-48ce1ff1]{border-width:4px}.spinner-ring[data-v-48ce1ff1]:nth-child(1){border-top-color:#3b82f6;animation:spin-48ce1ff1 1.2s linear infinite}.spinner-ring[data-v-48ce1ff1]:nth-child(2){width:70%;height:70%;top:15%;left:15%;border-right-color:#8b5cf6;animation:spin-48ce1ff1 1.5s linear infinite reverse}.spinner-ring[data-v-48ce1ff1]:nth-child(3){width:40%;height:40%;top:30%;left:30%;border-bottom-color:#06b6d4;animation:spin-48ce1ff1 .8s linear infinite}@keyframes spin-48ce1ff1{to{transform:rotate(360deg)}}.maintenance-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f9fafb;padding:8px}.maintenance-content{background:#fff;border-radius:16px;padding:8px 24px;text-align:center;box-shadow:0 2px 8px #0000000f;max-width:420px}.maintenance-spinner{width:80px;height:80px;position:relative;margin:0 auto 32px}.spinner-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:4px solid transparent}.spinner-ring:nth-child(1){border-top-color:#3b82f6;animation:spin 1.2s linear infinite}.spinner-ring:nth-child(2){width:70%;height:70%;top:15%;left:15%;border-right-color:#8b5cf6;animation:spin 1.5s linear infinite reverse}.spinner-ring:nth-child(3){width:40%;height:40%;top:30%;left:30%;border-bottom-color:#06b6d4;animation:spin .8s linear infinite}.maintenance-content h1{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 8px}.maintenance-content p{font-size:14px;color:#6b7280;margin:8px 0;line-height:1.6}.maintenance-time{font-size:13px;color:#9ca3af;margin-top:8px;padding-top:8px;border-top:1px solid #f3f4f6}.offline-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-secondary);padding:8px}.offline-card{background:var(--bg-primary);border-radius:var(--radius-2xl);padding:8px 40px;text-align:center;box-shadow:var(--shadow-lg);max-width:420px;width:100%}.offline-icon-wrap{width:80px;height:80px;margin:0 auto 32px}.offline-icon-wrap svg{width:100%;height:100%}.offline-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.offline-desc{font-size:14px;color:var(--text-secondary);margin:0 0 8px;line-height:1.6}.offline-tips{background:var(--bg-tertiary);border-radius:var(--radius-xl);padding:8px 24px;margin:0 0 8px;text-align:left}.tip-item{display:flex;align-items:flex-start;gap:8px;padding:8px 0;font-size:13px;color:var(--text-secondary);line-height:1.6}.tip-item+.tip-item{border-top:1px solid var(--border-color);padding-top:8px;margin-top:4px}.tip-icon{flex-shrink:0;font-size:15px;line-height:1.6}.offline-retry-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 32px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.offline-retry-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}@keyframes spin{to{transform:rotate(360deg)}}.browser-block-loader{display:flex;flex-direction:column;align-items:center;justify-content:center}.browser-block-loader p{font-size:14px;color:#6b7280;margin-top:8px}.browser-block-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f9fafb;padding:8px}.browser-block-content{background:#fff;border-radius:16px;padding:8px 40px;text-align:center;box-shadow:0 2px 8px #0000000f;max-width:440px;animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.browser-block-icon{width:100px;height:100px;margin:0 auto 32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.browser-block-icon svg{width:100%;height:100%}.browser-block-icon.wechat{background:linear-gradient(135deg,#e8f7ef,#d4f0e3);border-radius:50%;box-shadow:0 8px 24px #07c16033}.browser-block-icon.qq{background:linear-gradient(135deg,#e8f4fc,#d4e8f7);border-radius:50%;box-shadow:0 8px 24px #12b7f533}.browser-block-content h1{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 8px}.browser-block-content p{font-size:15px;color:#6b7280;margin:8px 0;line-height:1.7}.browser-steps{background:#f3f4f6;border-radius:12px;padding:8px;margin:8px 0}.steps-title{font-size:14px;color:#374151;margin:0 0 8px;font-weight:600}.step-item{font-size:14px;color:#6b7280;margin:0 0 8px;line-height:1.7}.menu-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#6b7280;border-radius:4px;vertical-align:middle;margin:0 4px}.menu-dots{color:#fff;font-size:15px;font-weight:700}.copy-link-btn{width:100%;padding:8px 24px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.copy-link-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.copy-link-btn.wechat{background:linear-gradient(135deg,#07c160,#05a84d)}.copy-link-btn.wechat:hover{box-shadow:0 4px 12px #07c1604d}.copy-link-btn.qq{background:linear-gradient(135deg,#12b7f5,#0ea5e9)}.copy-link-btn.qq:hover{box-shadow:0 4px 12px #12b7f54d}.copy-success-msg{font-size:14px;color:#10b981;margin-top:8px}.browser-block-footer{font-size:14px;color:#9ca3af;margin-top:8px;padding-top:8px;border-top:1px solid #f3f4f6}.main-content.auth-route{padding:0}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .18s ease}.page-fade-enter-from,.page-fade-leave-to{opacity:0}@media (max-width: 768px){.main-content.mobile-no-nav{padding-top:64px}.main-content.mobile-no-footer{padding-bottom:0}.main-content.auth-route{padding:0}.maintenance-content{padding:8px 24px}.maintenance-spinner{width:60px;height:60px;margin:0 auto 24px}.maintenance-content h1{font-size:18px}.maintenance-content p{font-size:13px}.browser-block-content{padding:8px 32px;max-width:92%}.browser-block-icon{width:90px;height:90px;margin:0 auto 24px}.browser-block-content h1{font-size:22px;margin:0 0 8px}.browser-block-content p{font-size:15px;margin:8px 0;line-height:1.7}.browser-steps{padding:8px 16px}.steps-title,.step-item{font-size:14px}.step-item{margin:0 0 8px;line-height:1.7}.menu-icon{width:24px;height:24px}.menu-dots{font-size:16px}.copy-link-btn{padding:8px 24px;font-size:15px;margin-top:8px}.copy-success-msg{font-size:14px;margin-top:8px}.browser-block-footer{font-size:13px;margin-top:8px;padding-top:8px}.offline-card{padding:8px 24px}.offline-icon-wrap{width:64px;height:64px;margin:0 auto 24px}.offline-title{font-size:18px}.offline-desc{font-size:13px}.offline-tips{padding:8px 16px}.tip-item{font-size:12px}.offline-retry-btn{padding:8px 32px;font-size:14px}}.auth-page[data-v-fedf259e]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:68px 8px 8px;background:linear-gradient(135deg,#eaf1fb,#f5f7fb 55%,#eaf1fb);position:relative;overflow:hidden}.auth-wrapper[data-v-fedf259e]{display:flex;width:100%;max-width:1200px;min-height:calc(100vh - 76px);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000014;position:relative;z-index:1}.page-decoration[data-v-fedf259e]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.page-blob[data-v-fedf259e]{position:absolute;border-radius:50%;filter:blur(50px)}.blob-1[data-v-fedf259e]{width:460px;height:460px;left:-100px;top:8%;background:radial-gradient(circle,rgba(59,130,246,.3) 0%,transparent 70%)}.blob-2[data-v-fedf259e]{width:560px;height:560px;right:-140px;top:38%;background:radial-gradient(circle,rgba(99,102,241,.26) 0%,transparent 70%)}.blob-3[data-v-fedf259e]{width:420px;height:420px;left:10%;bottom:-160px;background:radial-gradient(circle,rgba(14,165,233,.22) 0%,transparent 70%)}.mobile-brand-header[data-v-fedf259e]{display:none}@media (max-width: 1024px){.mobile-brand-header[data-v-fedf259e]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin-bottom:28px}.mobile-brand-logo[data-v-fedf259e]{width:56px;height:56px;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;flex-shrink:0}.mobile-brand-logo[data-v-fedf259e]:not(:has(img)){background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.mobile-brand-logo img[data-v-fedf259e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mobile-brand-header h3[data-v-fedf259e]{font-size:20px;color:var(--text-primary)}.mobile-brand-header p[data-v-fedf259e]{font-size:13px;color:var(--text-secondary)}}.auth-fade-enter-active[data-v-fedf259e],.auth-fade-leave-active[data-v-fedf259e]{transition:opacity .28s ease,transform .28s ease}.auth-fade-enter-from[data-v-fedf259e]{opacity:0;transform:translateY(10px)}.auth-fade-leave-to[data-v-fedf259e]{opacity:0}.auth-brand[data-v-fedf259e]{flex:1;background:linear-gradient(135deg,#3b82f6,#1d4ed8,#1e40af);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:60px}.brand-content[data-v-fedf259e]{position:relative;z-index:2;text-align:center;color:#fff}.brand-logo[data-v-fedf259e]{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;overflow:hidden}.brand-logo[data-v-fedf259e]:not(:has(img)){background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-logo i[data-v-fedf259e]{font-size:40px;color:#fff}.brand-logo .site-logo[data-v-fedf259e]{width:80px;height:80px}.brand-content h1[data-v-fedf259e]{font-size:36px;font-weight:700;margin:0 0 12px;letter-spacing:1px}.brand-content>p[data-v-fedf259e]{font-size:18px;opacity:.9;margin:0 0 48px}.brand-features[data-v-fedf259e]{display:flex;flex-direction:column;gap:20px;align-items:center}.feature-item[data-v-fedf259e]{display:flex;align-items:center;gap:12px;background:#ffffff26;padding:14px 28px;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.feature-item[data-v-fedf259e]:hover{background:#ffffff40;transform:translate(8px)}.feature-item i[data-v-fedf259e]{font-size:22px}.feature-item span[data-v-fedf259e]{font-size:15px;font-weight:500}.brand-decoration[data-v-fedf259e]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.decoration-circle[data-v-fedf259e]{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1[data-v-fedf259e]{width:300px;height:300px;top:-100px;right:-100px}.circle-2[data-v-fedf259e]{width:200px;height:200px;bottom:10%;left:-50px}.circle-3[data-v-fedf259e]{width:150px;height:150px;bottom:-50px;right:20%}.auth-form-section[data-v-fedf259e]{flex:1;display:flex;flex-direction:column;justify-content:center;padding:60px;max-width:520px;background:var(--bg-primary);position:relative}.form-header[data-v-fedf259e]{margin-bottom:40px}.form-header h2[data-v-fedf259e]{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.form-header p[data-v-fedf259e]{font-size:15px;color:var(--text-secondary);margin:0}.page-loading[data-v-fedf259e]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:100;background:var(--bg-primary)}.page-loading p[data-v-fedf259e]{color:#6b7280;font-size:14px}.auth-form[data-v-fedf259e]{display:flex;flex-direction:column;gap:24px}.form-group[data-v-fedf259e]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-fedf259e]{font-size:14px;font-weight:500;color:var(--text-primary)}.input-wrapper[data-v-fedf259e]{position:relative;display:flex;align-items:center;width:100%}.input-wrapper i[data-v-fedf259e]:first-child{position:absolute;left:16px;color:var(--text-tertiary);font-size:20px;transition:color .2s;pointer-events:none}.input-wrapper input[data-v-fedf259e]{width:100%;padding:14px 44px;border:2px solid var(--border-color);border-radius:12px;font-size:15px;background:var(--bg-primary);color:var(--text-primary);transition:all .2s;box-sizing:border-box}.input-wrapper input[data-v-fedf259e]::-moz-placeholder{color:var(--text-tertiary)}.input-wrapper input[data-v-fedf259e]::placeholder{color:var(--text-tertiary)}.input-wrapper input[data-v-fedf259e]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #3b82f61a}.input-wrapper:focus-within i[data-v-fedf259e]:first-child{color:var(--color-primary)}.toggle-password[data-v-fedf259e]{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:1}.toggle-password[data-v-fedf259e]:hover{color:var(--text-secondary)}.toggle-password i[data-v-fedf259e]{font-size:18px;position:static!important}.agreement-checkbox[data-v-fedf259e]{margin-top:12px}.checkbox-label[data-v-fedf259e]{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--text-secondary);position:relative;padding-left:28px;flex-wrap:wrap;-webkit-tap-highlight-color:transparent}.agreement-link[data-v-fedf259e]{color:var(--color-primary);text-decoration:none;font-weight:500;transition:all .2s}.agreement-link[data-v-fedf259e]:hover{text-decoration:underline;color:#2563eb}.checkbox-label input[data-v-fedf259e]{position:absolute;opacity:0;cursor:pointer;height:0;width:0;outline:none}.checkmark[data-v-fedf259e]{position:absolute;left:0;top:50%;transform:translateY(-50%);height:18px;width:18px;background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:4px;transition:all .2s}.checkbox-label:hover .checkmark[data-v-fedf259e]{border-color:var(--color-primary)}.checkbox-label input:checked~.checkmark[data-v-fedf259e]{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-label input:checked~.checkmark[data-v-fedf259e]:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.submit-btn[data-v-fedf259e]{width:100%;padding:16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.submit-btn[data-v-fedf259e]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3b82f659}.submit-btn[data-v-fedf259e]:active:not(:disabled){transform:translateY(0)}.submit-btn[data-v-fedf259e]:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-btn i[data-v-fedf259e]{font-size:18px}.spinning[data-v-fedf259e]{animation:spin-fedf259e 1s linear infinite}@keyframes spin-fedf259e{to{transform:rotate(360deg)}}.form-footer[data-v-fedf259e]{margin-top:40px;text-align:center;font-size:15px;color:var(--text-secondary)}.form-footer a[data-v-fedf259e]{color:var(--color-primary);text-decoration:none;font-weight:600;margin-left:4px;transition:color .2s}.form-footer a[data-v-fedf259e]:hover{color:var(--color-primary-hover)}@media (max-width: 1024px){.auth-brand[data-v-fedf259e]{display:none}.auth-wrapper[data-v-fedf259e]{max-width:560px;min-height:auto}.auth-form-section[data-v-fedf259e]{max-width:100%;padding:40px}}@media (max-width: 768px){.auth-page[data-v-fedf259e]{padding:64px 8px 8px}.auth-wrapper[data-v-fedf259e]{border-radius:16px;min-height:calc(100vh - 72px)}.auth-form-section[data-v-fedf259e]{padding:32px 20px;justify-content:center}.page-loading[data-v-fedf259e]{top:0;padding-top:0}.form-header[data-v-fedf259e]{margin-bottom:32px}.form-header h2[data-v-fedf259e]{font-size:24px}.auth-form[data-v-fedf259e]{gap:20px}.input-wrapper input[data-v-fedf259e]{padding:12px 44px}.submit-btn[data-v-fedf259e]{padding:14px}.form-footer[data-v-fedf259e]{margin-top:32px}}.captcha-row[data-v-fedf259e]{display:flex;gap:12px;align-items:center}.captcha-input[data-v-fedf259e]{flex:1}.captcha-image[data-v-fedf259e]{width:100px;height:44px;border-radius:8px;overflow:hidden;cursor:pointer;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);transition:all .2s}.captcha-image[data-v-fedf259e]:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.captcha-image img[data-v-fedf259e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.captcha-image i[data-v-fedf259e]{font-size:20px;color:var(--text-secondary)}.auth-page[data-v-3d4a033c]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:68px 8px 8px;background:linear-gradient(135deg,#eaf1fb,#f5f7fb 55%,#eaf1fb);position:relative;overflow:hidden}.auth-wrapper[data-v-3d4a033c]{display:flex;width:100%;max-width:1200px;min-height:calc(100vh - 76px);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000014;position:relative;z-index:1}.page-decoration[data-v-3d4a033c]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.page-blob[data-v-3d4a033c]{position:absolute;border-radius:50%;filter:blur(50px)}.blob-1[data-v-3d4a033c]{width:460px;height:460px;left:-100px;top:8%;background:radial-gradient(circle,rgba(59,130,246,.3) 0%,transparent 70%)}.blob-2[data-v-3d4a033c]{width:560px;height:560px;right:-140px;top:38%;background:radial-gradient(circle,rgba(99,102,241,.26) 0%,transparent 70%)}.blob-3[data-v-3d4a033c]{width:420px;height:420px;left:10%;bottom:-160px;background:radial-gradient(circle,rgba(14,165,233,.22) 0%,transparent 70%)}.mobile-brand-header[data-v-3d4a033c]{display:none}@media (max-width: 1024px){.mobile-brand-header[data-v-3d4a033c]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin-bottom:28px}.mobile-brand-logo[data-v-3d4a033c]{width:56px;height:56px;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;flex-shrink:0}.mobile-brand-logo[data-v-3d4a033c]:not(:has(img)){background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.mobile-brand-logo img[data-v-3d4a033c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mobile-brand-header h3[data-v-3d4a033c]{font-size:20px;color:var(--text-primary)}.mobile-brand-header p[data-v-3d4a033c]{font-size:13px;color:var(--text-secondary)}}.auth-fade-enter-active[data-v-3d4a033c],.auth-fade-leave-active[data-v-3d4a033c]{transition:opacity .28s ease,transform .28s ease}.auth-fade-enter-from[data-v-3d4a033c]{opacity:0;transform:translateY(10px)}.auth-fade-leave-to[data-v-3d4a033c]{opacity:0}.auth-brand[data-v-3d4a033c]{flex:1;background:linear-gradient(135deg,#3b82f6,#1d4ed8,#1e40af);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:60px}.brand-content[data-v-3d4a033c]{position:relative;z-index:2;text-align:center;color:#fff}.brand-logo[data-v-3d4a033c]{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;overflow:hidden}.brand-logo[data-v-3d4a033c]:not(:has(img)){background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-logo i[data-v-3d4a033c]{font-size:40px;color:#fff}.brand-logo .site-logo[data-v-3d4a033c]{max-width:70px;max-height:70px;-o-object-fit:contain;object-fit:contain}.brand-content h1[data-v-3d4a033c]{font-size:36px;font-weight:700;margin:0 0 12px;letter-spacing:1px}.brand-content>p[data-v-3d4a033c]{font-size:18px;opacity:.9;margin:0 0 48px}.brand-features[data-v-3d4a033c]{display:flex;flex-direction:column;gap:20px;align-items:center}.feature-item[data-v-3d4a033c]{display:flex;align-items:center;gap:12px;background:#ffffff26;padding:14px 28px;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.feature-item[data-v-3d4a033c]:hover{background:#ffffff40;transform:translate(8px)}.feature-item i[data-v-3d4a033c]{font-size:22px}.feature-item span[data-v-3d4a033c]{font-size:15px;font-weight:500}.brand-decoration[data-v-3d4a033c]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.decoration-circle[data-v-3d4a033c]{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1[data-v-3d4a033c]{width:300px;height:300px;top:-100px;right:-100px}.circle-2[data-v-3d4a033c]{width:200px;height:200px;bottom:10%;left:-50px}.circle-3[data-v-3d4a033c]{width:150px;height:150px;bottom:-50px;right:20%}.auth-form-section[data-v-3d4a033c]{flex:1;display:flex;flex-direction:column;justify-content:center;padding:60px;max-width:560px;background:var(--bg-primary);overflow-y:auto;position:relative}.form-header[data-v-3d4a033c]{margin-bottom:36px}.form-header h2[data-v-3d4a033c]{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.form-header p[data-v-3d4a033c]{font-size:15px;color:var(--text-secondary);margin:0}.registration-disabled[data-v-3d4a033c]{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:16px;border:2px solid #fecaca}.checking-status[data-v-3d4a033c]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:100;background:var(--bg-primary)}.checking-status p[data-v-3d4a033c]{color:#6b7280;font-size:14px;margin-top:16px}.page-loading[data-v-3d4a033c]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:100;background:var(--bg-primary)}.page-loading p[data-v-3d4a033c]{color:#6b7280;font-size:14px}.disabled-icon[data-v-3d4a033c]{width:80px;height:80px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 8px 20px #ef44444d}.disabled-icon i[data-v-3d4a033c]{font-size:40px;color:#fff}.registration-disabled h3[data-v-3d4a033c]{font-size:22px;font-weight:600;color:#991b1b;margin:0 0 12px}.registration-disabled p[data-v-3d4a033c]{font-size:15px;color:#7f1d1d;margin:8px 0;line-height:1.6}.auth-form[data-v-3d4a033c]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-3d4a033c]{display:flex;flex-direction:column;gap:8px}.form-row[data-v-3d4a033c]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-label[data-v-3d4a033c]{font-size:14px;font-weight:500;color:var(--text-primary)}.input-wrapper[data-v-3d4a033c]{position:relative;display:flex;align-items:center;width:100%}.input-wrapper i[data-v-3d4a033c]:first-child{position:absolute;left:16px;color:var(--text-tertiary);font-size:20px;transition:color .2s;pointer-events:none}.input-wrapper input[data-v-3d4a033c]{width:100%;padding:14px 44px;border:2px solid var(--border-color);border-radius:12px;font-size:15px;background:var(--bg-primary);color:var(--text-primary);transition:all .2s;box-sizing:border-box}.input-wrapper input[data-v-3d4a033c]::-moz-placeholder{color:var(--text-tertiary)}.input-wrapper input[data-v-3d4a033c]::placeholder{color:var(--text-tertiary)}.input-wrapper input[data-v-3d4a033c]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #3b82f61a}.input-wrapper:focus-within i[data-v-3d4a033c]:first-child{color:var(--color-primary)}.toggle-password[data-v-3d4a033c]{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:1}.toggle-password[data-v-3d4a033c]:hover{color:var(--text-secondary)}.toggle-password i[data-v-3d4a033c]{font-size:18px;position:static!important}.input-with-btn[data-v-3d4a033c]{display:flex;gap:12px}.input-with-btn .input-wrapper[data-v-3d4a033c]{flex:1}.send-code-btn[data-v-3d4a033c]{flex-shrink:0;padding:0 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.send-code-btn[data-v-3d4a033c]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.send-code-btn[data-v-3d4a033c]:disabled{opacity:.6;cursor:not-allowed;transform:none}.input-with-img[data-v-3d4a033c]{display:flex;gap:12px}.input-with-img .input-wrapper[data-v-3d4a033c]{flex:1}.captcha-img[data-v-3d4a033c]{flex-shrink:0;height:48px;border-radius:8px;cursor:pointer;border:2px solid var(--border-color);transition:border-color .2s}.captcha-img[data-v-3d4a033c]:hover{border-color:var(--color-primary)}.form-options[data-v-3d4a033c]{margin-top:4px}.checkbox-label[data-v-3d4a033c]{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--text-secondary);position:relative;padding-left:28px;flex-wrap:wrap;-webkit-tap-highlight-color:transparent}.agreement-link[data-v-3d4a033c]{color:var(--color-primary);text-decoration:none;font-weight:500;transition:all .2s}.agreement-link[data-v-3d4a033c]:hover{text-decoration:underline;color:#2563eb}.checkbox-label input[data-v-3d4a033c]{position:absolute;opacity:0;cursor:pointer;height:0;width:0;outline:none}.checkmark[data-v-3d4a033c]{position:absolute;left:0;top:50%;transform:translateY(-50%);height:18px;width:18px;background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:4px;transition:all .2s}.checkbox-label:hover .checkmark[data-v-3d4a033c]{border-color:var(--color-primary)}.checkbox-label input:checked~.checkmark[data-v-3d4a033c]{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-label input:checked~.checkmark[data-v-3d4a033c]:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label a[data-v-3d4a033c]{color:var(--color-primary);text-decoration:none;font-weight:500}.checkbox-label a[data-v-3d4a033c]:hover{text-decoration:underline}.submit-btn[data-v-3d4a033c]{width:100%;padding:16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.submit-btn[data-v-3d4a033c]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3b82f659}.submit-btn[data-v-3d4a033c]:active:not(:disabled){transform:translateY(0)}.submit-btn[data-v-3d4a033c]:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-btn i[data-v-3d4a033c]{font-size:18px}.spinning[data-v-3d4a033c]{animation:spin-3d4a033c 1s linear infinite}@keyframes spin-3d4a033c{to{transform:rotate(360deg)}}.form-footer[data-v-3d4a033c]{margin-top:36px;text-align:center;font-size:15px;color:var(--text-secondary)}.form-footer a[data-v-3d4a033c]{color:var(--color-primary);text-decoration:none;font-weight:600;margin-left:4px;transition:color .2s}.form-footer a[data-v-3d4a033c]:hover{color:var(--color-primary-hover)}@media (max-width: 1024px){.auth-brand[data-v-3d4a033c]{display:none}.auth-wrapper[data-v-3d4a033c]{max-width:560px;min-height:auto}.auth-form-section[data-v-3d4a033c]{max-width:100%;padding:40px}}@media (max-width: 768px){.auth-page[data-v-3d4a033c]{padding:64px 8px 8px}.auth-wrapper[data-v-3d4a033c]{border-radius:16px;min-height:calc(100vh - 72px)}.auth-form-section[data-v-3d4a033c]{padding:32px 20px;justify-content:center}.page-loading[data-v-3d4a033c],.checking-status[data-v-3d4a033c]{top:0;padding-top:0}.form-header[data-v-3d4a033c]{margin-bottom:28px}.form-header h2[data-v-3d4a033c]{font-size:24px}.auth-form[data-v-3d4a033c]{gap:16px}.form-row[data-v-3d4a033c]{grid-template-columns:1fr;gap:16px}.input-wrapper input[data-v-3d4a033c]{padding:12px 44px}.send-code-btn[data-v-3d4a033c]{padding:0 12px;font-size:13px}.captcha-img[data-v-3d4a033c]{height:44px}.submit-btn[data-v-3d4a033c]{padding:14px}.form-footer[data-v-3d4a033c]{margin-top:28px}}:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #60a5fa;--color-success: #22c55e;--color-success-hover: #16a34a;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-info: #06b6d4;--bg-primary: #ffffff;--bg-secondary: #f5f7fa;--bg-tertiary: #f9fafb;--bg-hover: #f3f4f6;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-disabled: #d1d5db;--border-color: #e5e7eb;--border-color-hover: #d1d5db;--border-color-focus: #3b82f6;--sidebar-width: 260px;--header-height: 64px;--tabbar-height: 64px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .1);--shadow-xl: 0 10px 15px rgba(0, 0, 0, .1);--shadow-2xl: 0 20px 25px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}.dark-mode{--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-tertiary: #2a2a2a;--bg-hover: #333333;--text-primary: #e5e5e5;--text-secondary: #a3a3a3;--text-tertiary: #737373;--text-disabled: #525252;--border-color: #333333;--border-color-hover: #444444;--border-color-focus: #3b82f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 1px 3px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .4);--shadow-xl: 0 10px 15px rgba(0, 0, 0, .5);--shadow-2xl: 0 20px 25px rgba(0, 0, 0, .6)}*{margin:0;padding:0;box-sizing:border-box;max-width:100%}html{overflow-x:hidden;height:auto}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-secondary);min-height:100vh;color:var(--text-primary);overflow-x:hidden;overflow-y:scroll;transition:background var(--transition-slow),color var(--transition-slow)}img{max-width:100%;height:auto}html.dark-mode,body.dark-mode{background:#1a1a1a;color:#e5e5e5}a{color:inherit;text-decoration:none}#app{display:flex;flex-direction:column;min-height:100vh}.app-layout{display:flex;flex:1 0 auto;align-items:stretch}.main-content{flex:1;padding:72px 8px 8px;min-width:0;margin-left:var(--sidebar-width)}.main-header{background:#fff;border-bottom:1px solid #e5e7eb;height:64px;position:fixed;top:0;left:var(--sidebar-width);right:0;z-index:100;display:flex;align-items:center;padding:0 24px;gap:8px}.header-left{display:flex;align-items:center;gap:8px}.header-center{flex:1;max-width:480px}.header-right{display:flex;align-items:center;gap:8px;margin-left:auto}.logo{font-size:20px;font-weight:700;color:#3b82f6;cursor:pointer;text-decoration:none}.search-box{flex:1;max-width:360px;margin:0 24px;position:relative}.search-box input{width:100%;padding:8px 40px 8px 16px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;transition:all .2s;background:#f5f7fa}.search-box input:focus{outline:none;border-color:#3b82f6;background:#fff}.search-box button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;font-size:15px}.search-box button svg{width:18px;height:18px}.user-dropdown{position:relative}.user-avatar{width:36px;height:36px;border-radius:50%;cursor:pointer;-o-object-fit:cover;object-fit:cover;border:2px solid #e5e7eb;transition:border-color .2s;display:block}.user-avatar:hover{border-color:#3b82f6}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:150px;display:none;z-index:9999;overflow:hidden;border:1px solid #e5e7eb}.dropdown-menu.show{display:block}.dropdown-menu a{display:flex;align-items:center;gap:8px;padding:8px 16px;color:#333;text-decoration:none;font-size:14px;transition:background .2s;border:none}.dropdown-menu a:hover{background:#f5f5f5}.dropdown-menu a svg{width:16px;height:16px;color:#6b7280}.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;text-decoration:none;display:inline-block}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-outline{background:#fff;border:1px solid #e5e7eb;color:#333}.btn-outline:hover{border-color:#3b82f6;color:#3b82f6}.menu-toggle{display:none;background:none;border:none;font-size:22px;cursor:pointer;padding:4px;color:#333}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:150;display:none}.mobile-overlay.show{display:block}.mobile-menu{position:fixed;top:0;left:0;width:260px;height:100%;background:#fff;z-index:200;transform:translate(-100%);transition:transform .3s;box-shadow:2px 0 10px #0000001a;display:none}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{padding:8px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;height:56px}.mobile-menu-content{display:flex;flex-direction:column;overflow-y:auto;height:calc(100% - 56px)}.mobile-guest-card{padding:8px 24px}.mobile-nav-section{padding:8px;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid #f0f0f0}.carousel{position:relative;width:100%;height:280px;max-height:40vh;border-radius:12px;overflow:hidden;margin-bottom:8px;background:#e0e7ff}.carousel-inner{position:relative;width:100%;height:100%}.carousel-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease}.carousel-item.active{opacity:1;z-index:1}.carousel-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.carousel-caption{position:absolute;bottom:0;left:0;right:0;padding:8px 16px;background:linear-gradient(transparent,#0009);color:#fff}.carousel-tag{position:absolute;top:10px;left:10px;z-index:2;padding:3px 8px;background:#0000008c;color:#fff;font-size:11px;line-height:1.4;border-radius:6px;border:1px solid rgba(255,255,255,.3)}.carousel-caption h2{font-size:15px;font-weight:600;margin:0 0 3px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.carousel-caption p{font-size:12px;margin:0;opacity:.9;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.carousel-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.carousel-dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .2s}.carousel-dot.active{background:#fff;width:24px;border-radius:4px}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;border-radius:50%;background:#0006;color:#fff;font-size:24px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .2s;opacity:0}.carousel:hover .carousel-arrow{opacity:1}.carousel-arrow:hover{background:#0009}.carousel-prev{left:12px}.carousel-next{right:12px}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 16px;background:#fff;border-radius:12px;border:1px solid #eee}.filter-tabs{display:flex;gap:8px}.filter-tab{padding:8px 24px;background:#f3f4f6;border:none;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;border-radius:20px;transition:all .2s;text-decoration:none}.filter-tab:hover{background:#e5e7eb;color:#1f2937}.filter-tab.active{background:#3b82f6;color:#fff}.sort-select{padding:8px 16px;border:1px solid #e5e7eb;border-radius:20px;font-size:13px;color:#4b5563;cursor:pointer;background:#fff;outline:none}.sort-select:focus{border-color:#3b82f6}.resource-list{display:flex;flex-direction:column;gap:8px;width:100%}.resource-list-item{display:flex;gap:8px;background:#fff;border-radius:16px;padding:8px;box-shadow:0 2px 8px #0000000f;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #f3f4f6}.resource-list-item:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-3px);border-color:#e5e7eb}.resource-list-preview{position:relative;width:240px;height:160px;flex-shrink:0;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.resource-list-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.resource-list-item:hover .resource-list-preview img{transform:scale(1.05)}.resource-badge{position:absolute;top:10px;right:10px;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #00000026}.resource-badge.free{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.resource-badge.paid{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.resource-list-content{flex:1;display:flex;flex-direction:column;min-width:0;justify-content:space-between}.resource-list-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 8px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.resource-list-desc{font-size:14px;color:#6b7280;line-height:1.7;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.resource-list-meta{display:flex;gap:8px;margin-bottom:8px;align-items:center;flex-wrap:wrap}.resource-type{font-size:12px;color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:6px 16px;border-radius:20px;font-weight:500}.resource-date{font-size:13px;color:#9ca3af;display:flex;align-items:center;gap:4px}.resource-list-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #f3f4f6;gap:8px}.resource-author-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.resource-author-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 4px #0000001a;flex-shrink:0;background:#f3f4f6}.resource-author-name{font-size:14px;color:#4b5563;font-weight:500;flex-shrink:0}.resource-title-badge{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;vertical-align:middle;flex-shrink:0}.resource-stats{display:flex;gap:8px;align-items:center}.resource-stats span{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.resource-stats svg{width:16px;height:16px;flex-shrink:0}.pagination{display:flex;justify-content:center;gap:4px;margin-top:8px}.page-btn{min-width:32px;height:32px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#666;cursor:pointer;font-size:13px;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.page-btn:hover{border-color:#3b82f6;color:#3b82f6}.page-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.main-footer{background:#fff;border-top:1px solid #e5e7eb;padding:8px 24px;margin-left:var(--sidebar-width)}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:8px}.footer-links a{color:#6b7280;text-decoration:none;font-size:12px;transition:color .2s}.footer-links a:hover{color:#3b82f6}.copyright{color:#9ca3af;font-size:12px}.mobile-tabbar{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid #eee;z-index:100;justify-content:space-around;align-items:flex-end;padding:8px 0 6px}.tabbar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:4px 16px;transition:all .2s;text-decoration:none}.tabbar-icon{width:22px;height:22px;color:#9ca3af;transition:color .2s}.tabbar-text{font-size:10px;color:#9ca3af;margin-top:2px;transition:color .2s}.tabbar-item.active .tabbar-icon,.tabbar-item.active .tabbar-text{color:#3b82f6}.dropdown-divider{height:1px;background:#e5e7eb;margin:4px 0}.dropdown-menu .logout-link{color:#ef4444}.dropdown-menu a svg{width:16px;height:16px;margin-right:8px;color:#9ca3af}.dropdown-menu .logout-link svg{color:#ef4444}.empty-state{text-align:center;padding:64px 24px;color:#9ca3af}.empty-state svg{width:64px;height:64px;margin-bottom:8px;color:#d1d5db}.empty-state p{font-size:15px}html.dark-mode,body.dark-mode header{background:#242424;border-bottom-color:#333}html.dark-mode,body.dark-mode .logo{color:#60a5fa}html.dark-mode,body.dark-mode .btn-primary{background:#3b82f6}html.dark-mode,body.dark-mode .main-header{background:#1e1e1e;border-color:#333}html.dark-mode,body.dark-mode .search-box input{background:#242424;border-color:#444;color:#e5e5e5}html.dark-mode,body.dark-mode .filter-bar{background:#1e1e1e;border-color:#333}html.dark-mode,body.dark-mode .filter-tab{background:#333;color:#9ca3af}html.dark-mode,body.dark-mode .filter-tab:hover{background:#444;color:#e5e5e5}html.dark-mode,body.dark-mode .filter-tab.active{background:#3b82f6;color:#fff}html.dark-mode,body.dark-mode .sort-select{background:#333;border-color:#444;color:#e5e5e5}html.dark-mode,body.dark-mode .resource-list-item{background:#1e1e1e;border-color:#333}html.dark-mode,body.dark-mode .resource-list-item:hover{border-color:#444;box-shadow:0 8px 24px #0000004d}html.dark-mode,body.dark-mode .resource-list-title{color:#e5e5e5}html.dark-mode,body.dark-mode .resource-list-desc{color:#9ca3af}html.dark-mode,body.dark-mode .resource-list-footer{border-color:#333}html.dark-mode,body.dark-mode .resource-author-name,body.dark-mode .resource-stats span{color:#9ca3af}html.dark-mode,body.dark-mode .main-footer{background:#1e1e1e;border-color:#333}html.dark-mode,body.dark-mode .footer-links a{color:#6b7280}html.dark-mode,body.dark-mode .copyright{color:#666}html.dark-mode,body.dark-mode .mobile-menu{background:#242424}html.dark-mode,body.dark-mode .mobile-menu-header{border-bottom-color:#333}html.dark-mode,body.dark-mode .mobile-nav-section{border-color:#333}html.dark-mode,body.dark-mode .mobile-nav-link{color:#e5e5e5}html.dark-mode,body.dark-mode .mobile-nav-link svg{color:#9ca3af}html.dark-mode,body.dark-mode .mobile-nav-link:hover{background:#333}html.dark-mode,body.dark-mode .mobile-nav-link:hover svg{color:#60a5fa}html.dark-mode,body.dark-mode .mobile-footer{background:#1e1e1e;border-color:#333}html.dark-mode,body.dark-mode .mobile-theme-btn{background:#333;color:#e5e5e5}html.dark-mode,body.dark-mode .mobile-theme-btn:hover{background:#444}html.dark-mode,body.dark-mode .mobile-logout{background:#450a0a;color:#f87171}html.dark-mode,body.dark-mode .mobile-logout:hover{background:#7f1d1d}html.dark-mode,body.dark-mode #userDropdown.dropdown-menu{background:#1e1e1e;border-color:#333}html.dark-mode,body.dark-mode #userDropdown.dropdown-menu a{color:#e5e5e5}html.dark-mode,body.dark-mode #userDropdown.dropdown-menu a:hover{background:#333}html.dark-mode,body.dark-mode .pagination .page-btn{background:#1e1e1e;border-color:#333;color:#9ca3af}html.dark-mode,body.dark-mode .pagination .page-btn:hover{border-color:#3b82f6;color:#3b82f6}html.dark-mode,body.dark-mode .pagination .page-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}html.dark-mode,body.dark-mode .mobile-tabbar{background:#1a1a1a;border-top-color:#333}html.dark-mode,body.dark-mode .tabbar-icon,body.dark-mode .tabbar-text{color:#666}html.dark-mode,body.dark-mode .tabbar-item.active .tabbar-icon,body.dark-mode .tabbar-item.active .tabbar-text{color:#60a5fa}@media (max-width: 1024px){.sidebar{display:none}.menu-toggle,.mobile-overlay,.mobile-menu{display:block}.main-content{padding:80px 8px 96px;margin-left:0}.main-footer{margin-left:0}.main-header{left:0;margin-left:0}}@media (max-width: 768px){.menu-toggle{display:none}.mobile-menu,.mobile-overlay{display:none!important}.main-header{display:none}.mobile-header{display:flex}.main-content{padding:64px 8px 80px;margin-left:0}.main-footer{display:none}.mobile-bottom-nav{display:flex!important}.header-center{display:flex;flex:1;margin:0 16px}.header-right{display:none}.carousel{height:240px;border-radius:16px}.carousel-caption{padding:8px 16px}.carousel-caption h2{font-size:14px;margin-bottom:2px}.carousel-caption p{font-size:11px}.filter-bar{flex-direction:row;justify-content:space-between;padding:8px 16px;margin-bottom:8px;border-radius:10px}.filter-tabs{gap:6px}.filter-tab{padding:6px 16px;font-size:13px}.sort-select{padding:6px 16px;font-size:12px}.resource-list{gap:8px}.resource-list-item{flex-direction:column;padding:8px;gap:8px;border-radius:14px;margin-bottom:8px}.resource-list-preview{width:100%;height:200px;border-radius:10px}.resource-list-title{font-size:17px;-webkit-line-clamp:2}.resource-list-desc{font-size:14px;-webkit-line-clamp:2;margin-bottom:8px}.resource-list-meta{margin-bottom:8px}.resource-list-footer{flex-direction:column;align-items:flex-start;gap:8px;padding-top:8px}.resource-author-info{gap:8px;width:100%}.resource-author-avatar{width:28px;height:28px}.resource-author-name{font-size:13px}.resource-stats{gap:8px;width:100%}.resource-stats span{font-size:13px}.resource-stats svg{width:15px;height:15px}.mobile-tabbar{display:flex}}.skeleton-dots{display:flex;align-items:center;justify-content:center;gap:5px}.skeleton-dots .sk-dot{width:7px;height:7px;background:#cbd5e1;border-radius:50%;animation:sk-dot-bounce 1.4s ease-in-out infinite both}.skeleton-dots .sk-dot:nth-child(1){animation-delay:0s}.skeleton-dots .sk-dot:nth-child(2){animation-delay:.16s}.skeleton-dots .sk-dot:nth-child(3){animation-delay:.32s}@keyframes sk-dot-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.cover-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f3f4f6;z-index:1}.image-loader.single-image{height:220px;border-radius:16px}@media (max-width: 768px){.image-loader.single-image{height:160px}}