.app[data-v-effc5e98]{min-height:100vh}.create-message[data-v-533ae0b8]{background:#fff;border-radius:12px;padding:24px;max-width:500px;width:100%}.modal-title[data-v-533ae0b8]{font-size:20px;font-weight:600;margin-bottom:20px;color:#333}.form-group[data-v-533ae0b8]{margin-bottom:20px}.form-group label[data-v-533ae0b8]{display:block;margin-bottom:8px;font-weight:500;color:#555}.input-field[data-v-533ae0b8],.textarea-field[data-v-533ae0b8]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s}.input-field[data-v-533ae0b8]:focus,.textarea-field[data-v-533ae0b8]:focus{outline:none;border-color:#667eea}.textarea-field[data-v-533ae0b8]{resize:vertical;min-height:120px}.category-options[data-v-533ae0b8]{display:flex;gap:8px;flex-wrap:wrap}.category-btn[data-v-533ae0b8]{padding:8px 16px;border:1px solid #ddd;border-radius:20px;background:#fff;color:#666;font-size:14px;cursor:pointer;transition:all .2s}.category-btn[data-v-533ae0b8]:hover{border-color:#667eea;color:#667eea}.category-btn.active[data-v-533ae0b8]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.checkbox-label[data-v-533ae0b8]{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox[data-v-533ae0b8]{width:18px;height:18px;cursor:pointer}.public-warning[data-v-533ae0b8]{color:#f44}.form-actions[data-v-533ae0b8]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn[data-v-533ae0b8]{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-secondary[data-v-533ae0b8]{background:#f0f0f0;color:#666}.btn-secondary[data-v-533ae0b8]:hover{background:#e0e0e0}.btn-primary[data-v-533ae0b8]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-533ae0b8]:hover:not(:disabled){opacity:.9}.btn-primary[data-v-533ae0b8]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.create-message[data-v-533ae0b8]{padding:16px}.modal-title[data-v-533ae0b8]{font-size:18px}.category-options[data-v-533ae0b8]{gap:6px}.category-btn[data-v-533ae0b8]{padding:6px 12px;font-size:13px}}.login-modal[data-v-7e71c9c5]{background:#fff;border-radius:12px;padding:24px;max-width:400px;width:100%}.login-header[data-v-7e71c9c5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.login-title[data-v-7e71c9c5]{font-size:20px;font-weight:600;color:#333;margin:0}.close-btn[data-v-7e71c9c5]{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn[data-v-7e71c9c5]:hover{color:#666}.login-content[data-v-7e71c9c5]{margin-top:16px}.form-group[data-v-7e71c9c5]{margin-bottom:20px}.form-group label[data-v-7e71c9c5]{display:block;margin-bottom:8px;font-weight:500;color:#555;font-size:14px}.input-field[data-v-7e71c9c5]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s}.input-field[data-v-7e71c9c5]:focus{outline:none;border-color:#667eea}.input-field.error[data-v-7e71c9c5]{border-color:#f44}.error-message[data-v-7e71c9c5]{display:block;margin-top:4px;font-size:12px;color:#f44}.form-actions[data-v-7e71c9c5]{margin-top:24px}.btn[data-v-7e71c9c5]{width:100%;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary[data-v-7e71c9c5]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-7e71c9c5]:hover:not(:disabled){opacity:.9}.btn-primary[data-v-7e71c9c5]:disabled{opacity:.5;cursor:not-allowed}.register-hint[data-v-7e71c9c5]{text-align:center;margin-top:16px;font-size:14px;color:#666}.link[data-v-7e71c9c5]{color:#667eea;cursor:pointer;font-weight:500}.link[data-v-7e71c9c5]:hover{text-decoration:underline}@media (max-width: 768px){.login-modal[data-v-7e71c9c5]{padding:20px}.login-title[data-v-7e71c9c5]{font-size:18px}}.register-modal[data-v-4fffd31a]{background:#fff;border-radius:12px;padding:24px;max-width:900px;width:100%;max-height:80vh;overflow-y:auto}.register-header[data-v-4fffd31a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.register-title[data-v-4fffd31a]{font-size:20px;font-weight:600;color:#333;margin:0}.close-btn[data-v-4fffd31a]{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn[data-v-4fffd31a]:hover{color:#666}.register-content[data-v-4fffd31a]{display:flex;gap:24px;margin-top:16px;align-items:stretch}.form-section[data-v-4fffd31a]{flex:0 0 400px;min-width:0}.image-section[data-v-4fffd31a]{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.image-container[data-v-4fffd31a]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.register-image[data-v-4fffd31a]{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.form-group[data-v-4fffd31a]{margin-bottom:16px}.form-group label[data-v-4fffd31a]{display:block;margin-bottom:6px;font-weight:500;color:#555;font-size:13px}.form-group label .required[data-v-4fffd31a]{color:#f44;font-weight:700}.avatar-upload[data-v-4fffd31a]{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.avatar-preview[data-v-4fffd31a]{width:80px;height:80px;border-radius:50%;overflow:hidden;border:2px solid #ddd;cursor:pointer;background:#f5f5f5}.avatar-image[data-v-4fffd31a]{width:100%;height:100%;object-fit:cover}.avatar-input[data-v-4fffd31a]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.avatar-hint[data-v-4fffd31a]{font-size:12px;color:#666;text-align:center;margin-top:4px}.input-field[data-v-4fffd31a],.textarea-field[data-v-4fffd31a]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:13px;transition:border-color .2s}.input-field[data-v-4fffd31a]:focus,.textarea-field[data-v-4fffd31a]:focus{outline:none;border-color:#667eea}.input-field.error[data-v-4fffd31a]{border-color:#f44}.error-message[data-v-4fffd31a]{display:block;margin-top:4px;font-size:12px;color:#f44}.textarea-field[data-v-4fffd31a]{resize:vertical;min-height:60px}.form-actions[data-v-4fffd31a]{margin-top:20px}.btn[data-v-4fffd31a]{width:100%;padding:10px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary[data-v-4fffd31a]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-4fffd31a]:hover:not(:disabled){opacity:.9}.btn-primary[data-v-4fffd31a]:disabled{opacity:.5;cursor:not-allowed}.login-hint[data-v-4fffd31a]{text-align:center;margin-top:16px;font-size:14px;color:#666}.link[data-v-4fffd31a]{color:#667eea;cursor:pointer;font-weight:500}.link[data-v-4fffd31a]:hover{text-decoration:underline}.terms-content[data-v-4fffd31a]{padding:20px;max-height:70vh;overflow-y:auto}.terms-text h3[data-v-4fffd31a]{font-size:18px;font-weight:600;color:#333;margin-bottom:16px}.terms-text ol[data-v-4fffd31a]{margin-left:20px;margin-bottom:24px}.terms-text li[data-v-4fffd31a]{margin-bottom:10px;line-height:1.5;color:#555}.terms-actions[data-v-4fffd31a]{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid #eee}.btn-secondary[data-v-4fffd31a]{background:#f0f0f0;color:#666;border:1px solid #ddd}.btn-secondary[data-v-4fffd31a]:hover{background:#e0e0e0}@media (max-width: 768px){.register-modal[data-v-4fffd31a]{padding:16px;max-height:90vh}.register-title[data-v-4fffd31a]{font-size:18px}.register-content[data-v-4fffd31a]{flex-direction:column}.form-section[data-v-4fffd31a]{flex:1}.image-section[data-v-4fffd31a]{display:none}.terms-content[data-v-4fffd31a]{padding:16px}.terms-actions[data-v-4fffd31a]{flex-direction:column}.btn[data-v-4fffd31a]{width:100%}}.message-detail[data-v-e9857512]{max-height:80vh;overflow-y:auto}.detail-header[data-v-e9857512]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.detail-header h2[data-v-e9857512]{margin:0;font-size:20px;color:#333}.close-btn[data-v-e9857512]{background:none;border:none;font-size:32px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-e9857512]:hover{color:#333}.loading[data-v-e9857512],.error[data-v-e9857512]{text-align:center;padding:40px 20px;color:#999}.error[data-v-e9857512]{color:#f44}.detail-content[data-v-e9857512]{padding:20px}.message-section[data-v-e9857512]{background:#f9f9f9;border-radius:12px;padding:20px;margin-bottom:24px}.message-meta[data-v-e9857512]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.category-badge[data-v-e9857512]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.time[data-v-e9857512]{color:#999;font-size:13px}.message-title[data-v-e9857512]{margin:0 0 12px;font-size:20px;color:#333}.message-content[data-v-e9857512]{margin:0 0 16px;font-size:16px;line-height:1.6;color:#555;white-space:pre-wrap}.message-footer[data-v-e9857512]{display:flex;align-items:center;gap:12px;font-size:13px}.author[data-v-e9857512]{color:#666}.gender-badge[data-v-e9857512]{margin-left:4px;font-weight:700}.gender-badge.男[data-v-e9857512]{color:#2196f3}.gender-badge.女[data-v-e9857512]{color:#e91e63}.modified-badge[data-v-e9857512]{background:#ff9800;color:#fff;padding:2px 8px;border-radius:4px;font-size:11px}.message-actions[data-v-e9857512]{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}.action-btn[data-v-e9857512]{padding:8px 16px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;transition:all .2s;font-size:14px}.action-btn[data-v-e9857512]:hover{background-color:#f5f5f5}.action-btn.active[data-v-e9857512]{background-color:#667eea;color:#fff;border-color:#667eea}.action-btn.delete-btn[data-v-e9857512]{background-color:#f44336;color:#fff;border-color:#f44336}.action-btn.delete-btn[data-v-e9857512]:hover{background-color:#d32f2f}.replies-section[data-v-e9857512]{margin-bottom:24px}.replies-header h3[data-v-e9857512]{margin:0 0 16px;font-size:18px;color:#333}.no-replies[data-v-e9857512]{text-align:center;padding:30px;color:#999;background:#f9f9f9;border-radius:8px}.replies-list[data-v-e9857512]{display:flex;flex-direction:column;gap:16px}.reply-item[data-v-e9857512]{background:#f9f9f9;border-radius:8px;padding:16px}.reply-header[data-v-e9857512]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.reply-nickname[data-v-e9857512]{font-weight:500;color:#667eea}.reply-time[data-v-e9857512]{color:#999;font-size:12px}.reply-content[data-v-e9857512]{margin:0;font-size:14px;line-height:1.5;color:#555}.reply-form-section h3[data-v-e9857512]{margin:0 0 16px;font-size:18px;color:#333}.reply-form-header[data-v-e9857512]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.reply-form-header h3[data-v-e9857512]{margin:0;font-size:18px;color:#333}.reply-form[data-v-e9857512]{background:#f9f9f9;border-radius:12px;padding:20px}.form-actions[data-v-e9857512]{display:flex;gap:12px;margin-top:16px}.btn-submit[data-v-e9857512]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-submit[data-v-e9857512]:hover:not(:disabled){opacity:.9}.btn-submit[data-v-e9857512]:disabled{opacity:.6;cursor:not-allowed}.btn-add-friend[data-v-e9857512]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-add-friend[data-v-e9857512]:hover{opacity:.9}.modal-overlay[data-v-e9857512]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content[data-v-e9857512]{background:#fff;border-radius:12px;max-width:400px;width:90%;box-shadow:0 4px 20px #0003}.modal-header[data-v-e9857512]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h3[data-v-e9857512]{margin:0;font-size:18px;color:#333}.modal-header .close-btn[data-v-e9857512]{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-header .close-btn[data-v-e9857512]:hover{color:#666}.modal-body[data-v-e9857512]{padding:20px}.user-info[data-v-e9857512]{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:16px;background:#f9f9f9;border-radius:8px}.user-avatar[data-v-e9857512]{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600}.user-details[data-v-e9857512]{flex:1}.user-name[data-v-e9857512]{font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.user-hint[data-v-e9857512]{font-size:13px;color:#999}.modal-actions[data-v-e9857512]{display:flex;gap:12px;margin-top:20px}.btn-secondary[data-v-e9857512]{flex:1;padding:12px 24px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary[data-v-e9857512]:hover{background:#f5f5f5;border-color:#ccc}.form-group[data-v-e9857512]{margin-bottom:16px}.form-group label[data-v-e9857512]{display:block;margin-bottom:8px;font-size:14px;color:#555;font-weight:500}.input-field[data-v-e9857512],.textarea-field[data-v-e9857512]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;box-sizing:border-box;font-family:inherit}.input-field[data-v-e9857512]:focus,.textarea-field[data-v-e9857512]:focus{outline:none;border-color:#667eea}.textarea-field[data-v-e9857512]{resize:vertical;min-height:100px}.btn[data-v-e9857512]{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}@media (max-width: 768px){.detail-header[data-v-e9857512],.detail-content[data-v-e9857512],.message-section[data-v-e9857512],.reply-form[data-v-e9857512]{padding:16px}}.home-page[data-v-41f77817]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding-bottom:80px;position:relative;overflow:auto}.header[data-v-41f77817]{text-align:center;padding:40px 20px 20px;color:#fff;position:relative;z-index:10}.logo[data-v-41f77817]{font-size:48px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.subtitle[data-v-41f77817]{font-size:18px;opacity:.9;margin-bottom:20px}.header-actions[data-v-41f77817]{position:absolute;top:20px;right:20px;z-index:20;display:flex;align-items:center;gap:12px}.music-control[data-v-41f77817]{display:flex;align-items:center}.music-btn[data-v-41f77817]{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 12px;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s}.music-btn[data-v-41f77817]:hover{background:#ffffff4d;transform:scale(1.1)}.auth-buttons[data-v-41f77817]{display:flex;gap:12px}.user-info[data-v-41f77817]{display:flex;align-items:center;gap:12px}.user-name[data-v-41f77817]{color:#fff;font-weight:500}.btn[data-v-41f77817]{padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-login[data-v-41f77817]{background:#fff;color:#667eea}.btn-login[data-v-41f77817]:hover{background:#ffffffe6}.btn-register[data-v-41f77817]{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.5)}.btn-register[data-v-41f77817]:hover{background:#ffffff4d}.user-dropdown[data-v-41f77817]{position:relative}.user-name-btn[data-v-41f77817]{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.user-name-btn[data-v-41f77817]:hover{background:#ffffff4d}.dropdown-arrow[data-v-41f77817]{font-size:10px;transition:transform .2s}.user-name-btn:hover .dropdown-arrow[data-v-41f77817]{transform:rotate(180deg)}.dropdown-menu[data-v-41f77817]{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:80px;z-index:100}.dropdown-item[data-v-41f77817]{width:100%;padding:12px 16px;border:none;background:transparent;color:#333;font-size:14px;text-align:left;cursor:pointer;transition:all .2s}.dropdown-item[data-v-41f77817]:hover{background:#f5f5f5}.dropdown-item.logout-item[data-v-41f77817]{color:#f44;border-top:1px solid #eee}.dropdown-item.logout-item[data-v-41f77817]:hover{background:#fff0f0}.btn-refresh[data-v-41f77817]{background:#fff;color:#667eea;margin-top:16px}.btn-refresh[data-v-41f77817]:hover{background:#ffffffe6}.messages-container[data-v-41f77817]{position:absolute;top:0;left:0;right:0;bottom:80px;pointer-events:none}.floating-message[data-v-41f77817]{position:absolute;pointer-events:auto;cursor:pointer;z-index:5;max-width:300px;min-width:120px}@media (max-width: 768px){.floating-message[data-v-41f77817]{max-width:250px;min-width:100px}.message-content[data-v-41f77817]{padding:16px}.message-title[data-v-41f77817]{font-size:16px}.message-text[data-v-41f77817]{font-size:13px}.message-category[data-v-41f77817]{padding:3px 10px;font-size:11px}}@media (max-width: 480px){.floating-message[data-v-41f77817]{max-width:200px;min-width:80px}.message-content[data-v-41f77817]{padding:12px}.message-title[data-v-41f77817]{font-size:14px;margin-bottom:8px}.message-text[data-v-41f77817]{font-size:12px}.message-category[data-v-41f77817]{padding:2px 8px;font-size:10px;margin-bottom:8px}}.message-content[data-v-41f77817]{background:#fffffff2;border-radius:16px;padding:20px;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.message-category[data-v-41f77817]{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:12px;font-weight:500;margin-bottom:12px}.message-content[data-v-41f77817]:hover{transform:scale(1.05);box-shadow:0 12px 40px #0006}.message-title[data-v-41f77817]{margin:0 0 12px;font-size:18px;font-weight:600;color:#333;word-wrap:break-word}.message-text[data-v-41f77817]{margin:0;font-size:14px;color:#666;line-height:1.6;word-wrap:break-word}.fade-enter-active[data-v-41f77817]{animation:fadeIn-41f77817 1.6s ease-out forwards}.fade-leave-active[data-v-41f77817]{animation:fadeOut-41f77817 1.6s ease-in forwards}@keyframes fadeIn-41f77817{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeOut-41f77817{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.8) translateY(-20px)}}.refresh-section[data-v-41f77817]{text-align:center;padding:20px;position:relative;z-index:10}.total-info[data-v-41f77817]{display:block;color:#fff;font-size:14px;margin-top:8px;opacity:.9}.fab[data-v-41f77817]{position:fixed;bottom:80px;right:24px;width:56px;height:56px;background:#fff;color:#667eea;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:transform .2s,box-shadow .2s;z-index:100}.fab[data-v-41f77817]:hover{transform:scale(1.1);box-shadow:0 6px 16px #0006}.nav-bar[data-v-41f77817]{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-around;align-items:center;padding:8px 16px 16px;box-shadow:0 -2px 8px #0000001a;z-index:1000}.nav-btn[data-v-41f77817]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;border:none;background:transparent;color:#666;cursor:pointer;transition:all .2s;position:relative}.notification-badges[data-v-41f77817]{position:absolute;top:4px;right:8px;display:flex;gap:4px}.badge[data-v-41f77817]{min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;padding:0 4px}.unread-badge[data-v-41f77817]{background:#f44}.request-badge[data-v-41f77817]{background:#ff9800}.nav-btn[data-v-41f77817]:hover{color:#667eea}.nav-btn-center[data-v-41f77817]{transform:scale(1.1)}.nav-btn-center .icon[data-v-41f77817]{font-size:28px}.icon[data-v-41f77817]{font-size:20px}.label[data-v-41f77817]{font-size:12px}.modal-overlay[data-v-41f77817]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal-content[data-v-41f77817]{background:#fff;border-radius:12px;max-width:100%}.modal-content-large[data-v-41f77817]{max-width:800px;width:100%}.stats-section[data-v-41f77817]{position:relative;margin:5px auto;z-index:10;max-width:40%;width:100%}.stats-card[data-v-41f77817]{background:#fffffff2;border-radius:12px;padding:8px;box-shadow:0 6px 20px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:8px;transition:all .3s ease;width:auto}.stats-card .stats-icon[data-v-41f77817]{font-size:20px}.stats-card .stats-title[data-v-41f77817]{font-size:12px;margin:0 0 4px}.stats-card .stats-number[data-v-41f77817],.stats-card .stats-label[data-v-41f77817]{font-size:14px}.stats-card .stats-separator[data-v-41f77817]{font-size:12px}.stats-card .stats-subtitle[data-v-41f77817]{font-size:12px;margin:2px 0 0}.stats-card[data-v-41f77817]:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0003}.stats-icon[data-v-41f77817]{font-size:20px;flex-shrink:0}.stats-content[data-v-41f77817]{flex:1;min-width:0}.stats-title[data-v-41f77817]{font-size:12px;font-weight:700;color:#333;margin:0 0 4px}.stats-numbers[data-v-41f77817]{display:flex;align-items:baseline;gap:6px;margin-bottom:2px;white-space:nowrap}.stats-number[data-v-41f77817]{font-size:14px;font-weight:700;color:#667eea;line-height:1}.stats-label[data-v-41f77817]{font-size:14px;color:#666;font-weight:500}.stats-separator[data-v-41f77817]{font-size:12px;color:#999;font-weight:300}.stats-subtitle[data-v-41f77817]{font-size:12px;color:#888;margin:2px 0 0;line-height:1.2}@media (max-width: 768px){.logo[data-v-41f77817]{font-size:32px}.subtitle[data-v-41f77817]{font-size:16px}.header[data-v-41f77817]{padding:30px 16px 16px}.user-actions[data-v-41f77817]{flex-direction:column;padding:0 16px}.floating-message[data-v-41f77817]{max-width:300px;min-width:80px}.message-title[data-v-41f77817]{font-size:16px}.message-text[data-v-41f77817]{font-size:13px}.fab[data-v-41f77817]{bottom:80px;right:20px;width:48px;height:48px;font-size:28px}.nav-bar[data-v-41f77817]{padding:8px 12px 16px}.stats-section[data-v-41f77817]{width:90%}.stats-card[data-v-41f77817]{flex-direction:column;text-align:center;padding:16px}.stats-icon[data-v-41f77817]{font-size:32px}.stats-title[data-v-41f77817]{font-size:16px}.stats-number[data-v-41f77817]{font-size:20px}.stats-label[data-v-41f77817]{font-size:14px}.stats-numbers[data-v-41f77817]{justify-content:center}.icp-info[data-v-41f77817]{padding-bottom:80px;font-size:12px}}.icp-info[data-v-41f77817]{position:fixed;bottom:20px;left:0;right:0;text-align:center;color:#fff;font-size:14px;padding-bottom:100px;z-index:999;opacity:.8}.icp-info a[data-v-41f77817]{color:#fff;text-decoration:none;transition:opacity .3s}.icp-info a[data-v-41f77817]:hover{opacity:1;text-decoration:underline}.login-page[data-v-a2207921]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding-bottom:80px}.header[data-v-a2207921]{text-align:center;padding:40px 20px 20px;color:#fff}.logo[data-v-a2207921]{font-size:48px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.subtitle[data-v-a2207921]{font-size:18px;opacity:.9;margin-bottom:20px}.login-container[data-v-a2207921]{padding:20px;display:flex;justify-content:center}.login-card[data-v-a2207921]{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:100%;box-shadow:0 8px 32px #0003}.card-title[data-v-a2207921]{font-size:24px;font-weight:600;color:#333;margin-bottom:24px;text-align:center}.form-group[data-v-a2207921]{margin-bottom:20px}.form-group label[data-v-a2207921]{display:block;margin-bottom:8px;font-weight:500;color:#555;font-size:14px}.input-field[data-v-a2207921]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s}.input-field[data-v-a2207921]:focus{outline:none;border-color:#667eea}.form-actions[data-v-a2207921]{display:flex;gap:12px;margin-top:24px}.btn[data-v-a2207921]{flex:1;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary[data-v-a2207921]{background:#f0f0f0;color:#666}.btn-secondary[data-v-a2207921]:hover{background:#e0e0e0}.btn-primary[data-v-a2207921]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-a2207921]:hover:not(:disabled){opacity:.9}.btn-primary[data-v-a2207921]:disabled{opacity:.5;cursor:not-allowed}.nav-bar[data-v-a2207921]{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-around;align-items:center;padding:8px 16px 16px;box-shadow:0 -2px 8px #0000001a}.nav-btn[data-v-a2207921]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;border:none;background:transparent;color:#666;cursor:pointer;transition:all .2s}.nav-btn[data-v-a2207921]:hover{color:#667eea}.nav-btn-center[data-v-a2207921]{transform:scale(1.1)}.nav-btn-center .icon[data-v-a2207921]{font-size:28px}.icon[data-v-a2207921]{font-size:20px}.label[data-v-a2207921]{font-size:12px}@media (max-width: 768px){.login-card[data-v-a2207921]{padding:24px}.card-title[data-v-a2207921]{font-size:20px}.form-group[data-v-a2207921]{margin-bottom:16px}.btn[data-v-a2207921]{font-size:14px;padding:10px}}.explore-page[data-v-2de3fe1b]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding-bottom:80px}.header[data-v-2de3fe1b]{text-align:center;padding:40px 20px 20px;color:#fff}.logo[data-v-2de3fe1b]{font-size:48px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.subtitle[data-v-2de3fe1b]{font-size:18px;opacity:.9}.loading[data-v-2de3fe1b],.empty[data-v-2de3fe1b]{text-align:center;padding:40px 20px;color:#fff}.btn[data-v-2de3fe1b]{padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-refresh[data-v-2de3fe1b]{background:#fff;color:#667eea;margin-top:16px}.btn-refresh[data-v-2de3fe1b]:hover{background:#ffffffe6}.messages-table-container[data-v-2de3fe1b]{padding:20px;overflow-x:auto}.messages-table[data-v-2de3fe1b]{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0003}.messages-table thead[data-v-2de3fe1b]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.messages-table th[data-v-2de3fe1b]{padding:16px 12px;text-align:left;font-weight:600;font-size:14px}.messages-table tbody[data-v-2de3fe1b]{background:#fff}.message-row[data-v-2de3fe1b]{cursor:pointer;transition:all .2s;border-bottom:1px solid #f0f0f0}.message-row[data-v-2de3fe1b]:hover{background:#f8f9fa}.message-row[data-v-2de3fe1b]:last-child{border-bottom:none}.messages-table td[data-v-2de3fe1b]{padding:16px 12px;font-size:14px;vertical-align:top}.col-index[data-v-2de3fe1b]{width:60px;text-align:center;font-weight:600;color:#667eea}.col-content[data-v-2de3fe1b]{width:40%;min-width:200px}.message-category[data-v-2de3fe1b]{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;font-size:11px;font-weight:500;margin-bottom:6px}.message-title[data-v-2de3fe1b]{font-weight:600;color:#333;margin-bottom:4px}.message-preview[data-v-2de3fe1b]{color:#666;line-height:1.5;max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.col-publisher[data-v-2de3fe1b]{width:15%;min-width:120px}.publisher-info[data-v-2de3fe1b]{margin-bottom:8px}.anonymous-badge[data-v-2de3fe1b]{display:inline-block;padding:4px 8px;background:#f0f0f0;color:#666;border-radius:4px;font-size:12px}.publisher-name[data-v-2de3fe1b]{font-weight:500;color:#333}.online-status[data-v-2de3fe1b]{display:flex;align-items:center;gap:6px;font-size:12px}.status-dot[data-v-2de3fe1b]{width:8px;height:8px;border-radius:50%;background:#ccc}.status-dot.online[data-v-2de3fe1b]{background:#4caf50}.status-text[data-v-2de3fe1b]{color:#999}.col-time[data-v-2de3fe1b]{width:15%;min-width:120px;color:#666}.col-status[data-v-2de3fe1b]{width:10%;min-width:80px}.status-badge[data-v-2de3fe1b]{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.public[data-v-2de3fe1b]{background:#e3f2fd;color:#fff}.col-replies[data-v-2de3fe1b]{width:10%;min-width:100px;text-align:center}.replies-count[data-v-2de3fe1b]{font-weight:600;font-size:18px;color:#667eea}.replies-label[data-v-2de3fe1b]{font-size:12px;color:#999;margin-left:4px}.nav-bar[data-v-2de3fe1b]{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-around;align-items:center;padding:8px 16px 16px;box-shadow:0 -2px 8px #0000001a;z-index:1000}.nav-btn[data-v-2de3fe1b]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;border:none;background:transparent;color:#666;cursor:pointer;transition:all .2s}.nav-btn[data-v-2de3fe1b]:hover{color:#667eea}.nav-btn-center[data-v-2de3fe1b]{transform:scale(1.1)}.nav-btn-center .icon[data-v-2de3fe1b]{font-size:28px}.icon[data-v-2de3fe1b]{font-size:20px}.label[data-v-2de3fe1b]{font-size:12px}.modal-overlay[data-v-2de3fe1b]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal-content[data-v-2de3fe1b]{background:#fff;border-radius:12px;max-width:100%}.modal-content-large[data-v-2de3fe1b]{max-width:800px;width:100%}@media (max-width: 768px){.logo[data-v-2de3fe1b]{font-size:36px}.subtitle[data-v-2de3fe1b]{font-size:16px}.header[data-v-2de3fe1b]{padding:30px 16px 16px}.messages-table-container[data-v-2de3fe1b]{padding:10px}.messages-table th[data-v-2de3fe1b],.messages-table td[data-v-2de3fe1b]{padding:10px 8px;font-size:12px}.message-preview[data-v-2de3fe1b]{max-height:40px;-webkit-line-clamp:2}.col-index[data-v-2de3fe1b]{width:50px}.col-publisher[data-v-2de3fe1b],.col-time[data-v-2de3fe1b]{width:20%}.col-status[data-v-2de3fe1b],.col-replies[data-v-2de3fe1b]{width:15%}}.chat-interface[data-v-8bf7ff72]{display:flex;flex-direction:column;height:100%;background:#fff}.chat-header[data-v-8bf7ff72]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom:1px solid #eee}.chat-title[data-v-8bf7ff72]{font-size:18px;font-weight:600}.close-btn[data-v-8bf7ff72]{background:none;border:none;font-size:28px;color:#fff;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-8bf7ff72]:hover{opacity:.8}.loading[data-v-8bf7ff72]{display:flex;align-items:center;justify-content:center;flex:1;color:#999}.chat-body[data-v-8bf7ff72]{display:flex;flex-direction:column;flex:1;overflow:hidden}.messages-container[data-v-8bf7ff72]{flex:1;overflow-y:auto;padding:20px;background:#f5f5f5}.empty-messages[data-v-8bf7ff72]{text-align:center;padding:40px 20px;color:#999}.empty-messages p[data-v-8bf7ff72]{margin:8px 0}.messages-list[data-v-8bf7ff72]{display:flex;flex-direction:column;gap:12px}.message-item[data-v-8bf7ff72]{display:flex;width:100%;align-items:flex-end}.message-item.sent[data-v-8bf7ff72]{justify-content:flex-start}.message-item.received[data-v-8bf7ff72]{justify-content:flex-end}.message-avatar[data-v-8bf7ff72]{margin:0 8px}.message-item.sent .message-avatar[data-v-8bf7ff72]{order:1}.message-item.received .message-avatar[data-v-8bf7ff72],.message-item.sent .message-bubble[data-v-8bf7ff72]{order:2}.message-item.received .message-bubble[data-v-8bf7ff72]{order:1;text-align:right}.avatar-image[data-v-8bf7ff72]{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #eee}.message-bubble[data-v-8bf7ff72]{max-width:70%;padding:12px 16px;border-radius:16px;position:relative}.message-item.sent .message-bubble[data-v-8bf7ff72]{background:#e3f2fd;color:#1565c0;border:1px solid #bbdefb;border-bottom-left-radius:4px}.message-item.received .message-bubble[data-v-8bf7ff72]{background:#f1f8e9;color:#33691e;border:1px solid #c8e6c9;border-bottom-right-radius:4px}.message-content[data-v-8bf7ff72]{margin:0 0 4px;word-wrap:break-word;white-space:pre-wrap;line-height:1.4}.message-time[data-v-8bf7ff72]{font-size:11px;opacity:.7}.message-input-container[data-v-8bf7ff72]{display:flex;gap:8px;padding:12px 16px;background:#fff;border-top:1px solid #eee}.input-wrapper[data-v-8bf7ff72]{flex:1;position:relative;display:flex;flex-direction:column}.message-input[data-v-8bf7ff72]{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:16px;font-size:14px;resize:none;outline:none;font-family:inherit;max-height:80px;min-height:40px;transition:all .2s ease}.message-input[data-v-8bf7ff72]:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.char-count[data-v-8bf7ff72]{position:absolute;bottom:8px;right:12px;font-size:11px;color:#999;pointer-events:none;background:#fff;padding:0 4px;border-radius:4px}.char-count.warning[data-v-8bf7ff72]{color:#ff6b6b}.send-btn[data-v-8bf7ff72]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 18px;border-radius:16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;align-self:flex-end;height:40px;display:flex}.message-item.system-message[data-v-8bf7ff72]{justify-content:center;margin:10px 0}.system-avatar[data-v-8bf7ff72]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#ffeb3b;margin:0 8px;order:1}.system-icon[data-v-8bf7ff72]{font-size:16px}.system-bubble[data-v-8bf7ff72]{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404;text-align:center;max-width:80%;order:2}.system-bubble .message-content[data-v-8bf7ff72]{font-style:italic}.system-bubble .message-time[data-v-8bf7ff72]{color:#856404;font-size:11px;margin-top:5px}.message-item.blocked-message .message-bubble[data-v-8bf7ff72]{background-color:#e9ecef;border:1px solid #dee2e6;color:#074c88}.message-item.blocked-message .message-content[data-v-8bf7ff72]{font-style:italic}.message-item.blocked-message .message-time[data-v-8bf7ff72]{color:#6c757d}.send-btn[data-v-8bf7ff72]{align-items:center;justify-content:center}.send-btn[data-v-8bf7ff72]:hover:not(:disabled){opacity:.9;transform:scale(1.02)}.send-btn[data-v-8bf7ff72]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.chat-header[data-v-8bf7ff72]{padding:12px 16px}.chat-title[data-v-8bf7ff72]{font-size:16px}.messages-container[data-v-8bf7ff72]{padding:16px}.message-bubble[data-v-8bf7ff72]{max-width:85%}.message-input-container[data-v-8bf7ff72]{padding:12px 16px}.send-btn[data-v-8bf7ff72]{padding:12px 20px}}.friends-page[data-v-8adeffc2]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.header[data-v-8adeffc2]{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.title[data-v-8adeffc2]{margin:0;font-size:24px;color:#fff;font-weight:600}.back-btn[data-v-8adeffc2]{background:#fff3;border:none;color:#fff;padding:10px 20px;border-radius:20px;font-size:14px;cursor:pointer;transition:all .2s}.back-btn[data-v-8adeffc2]:hover{background:#ffffff4d}.loading[data-v-8adeffc2],.error[data-v-8adeffc2]{text-align:center;padding:40px;color:#fff;font-size:16px}.content[data-v-8adeffc2]{padding:20px}.tabs[data-v-8adeffc2]{display:flex;gap:8px;background:#ffffff1a;border-radius:12px;padding:8px;margin-bottom:20px}.tab-btn[data-v-8adeffc2]{flex:1;background:#ffffff1a;border:none;color:#fff;padding:12px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.tab-btn[data-v-8adeffc2]:hover{background:#fff3}.tab-btn.active[data-v-8adeffc2]{background:#fff;color:#667eea;font-weight:600}.friends-list[data-v-8adeffc2],.requests-list[data-v-8adeffc2]{background:#fff;border-radius:12px;padding:16px}.friends-tabs[data-v-8adeffc2]{display:flex;gap:8px;background:#f9f9f9;border-radius:8px;padding:4px;margin-bottom:16px}.friend-tab-btn[data-v-8adeffc2]{flex:1;background:transparent;border:none;color:#4b4a4a;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.friend-tab-btn[data-v-8adeffc2]:hover{background:#667eea1a;color:#667eea}.friend-tab-btn.active[data-v-8adeffc2]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.add-friend-form[data-v-8adeffc2]{margin-bottom:20px;padding:16px;background:#f9f9f9;border-radius:12px}.add-friend-form h3[data-v-8adeffc2]{margin-top:0;margin-bottom:12px;font-size:16px;font-weight:600;color:#333}.form-group[data-v-8adeffc2]{display:flex;gap:8px}.input-field[data-v-8adeffc2]{flex:1;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px}.input-field[data-v-8adeffc2]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.textarea-field[data-v-8adeffc2]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;resize:vertical}.textarea-field[data-v-8adeffc2]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.message-group[data-v-8adeffc2]{margin-top:12px}.message-label[data-v-8adeffc2]{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#333}.button-group[data-v-8adeffc2]{margin-top:12px;display:flex;justify-content:center}.btn[data-v-8adeffc2]{padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary[data-v-8adeffc2]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-8adeffc2]:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary[data-v-8adeffc2]:disabled{opacity:.6;cursor:not-allowed}.empty-state[data-v-8adeffc2]{text-align:center;padding:40px 20px;color:#999}.empty-state p[data-v-8adeffc2]{margin:8px 0}.friend-items[data-v-8adeffc2],.request-items[data-v-8adeffc2]{display:flex;flex-direction:column;gap:12px}.friend-item[data-v-8adeffc2],.request-item[data-v-8adeffc2]{display:flex;align-items:center;gap:16px;padding:16px;background:#f9f9f9;border-radius:12px;cursor:pointer;transition:all .2s}.friend-item[data-v-8adeffc2]:hover{background:#f0f0f0;transform:translate(4px)}.friend-item.blocked[data-v-8adeffc2]{background:#f9f0f0;border-left:3px solid #ff9800}.blocked-tag[data-v-8adeffc2]{display:inline-block;margin-left:8px;padding:2px 8px;background:#ff9800;color:#fff;font-size:10px;border-radius:10px;font-weight:600}.action-btn[data-v-8adeffc2]:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.friend-avatar[data-v-8adeffc2],.request-avatar[data-v-8adeffc2]{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;overflow:hidden;border:2px solid #eee}.avatar-image[data-v-8adeffc2]{width:100%;height:100%;object-fit:cover}.friend-info[data-v-8adeffc2],.request-info[data-v-8adeffc2]{flex:1;min-width:0}.friend-name[data-v-8adeffc2],.request-name[data-v-8adeffc2]{font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.friend-time[data-v-8adeffc2],.request-time[data-v-8adeffc2]{font-size:12px;color:#999}.request-message[data-v-8adeffc2]{font-size:14px;color:#666;margin:4px 0}.friend-actions[data-v-8adeffc2],.requests-tabs[data-v-8adeffc2]{display:flex;gap:8px;background:#f9f9f9;border-radius:8px;padding:4px;margin-bottom:16px}.request-tab-btn[data-v-8adeffc2]{flex:1;background:transparent;border:none;color:#666;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.request-tab-btn[data-v-8adeffc2]:hover{background:#667eea1a;color:#667eea}.request-tab-btn.active[data-v-8adeffc2]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.request-actions[data-v-8adeffc2]{display:flex;gap:12px;flex-shrink:0}.action-btn-group[data-v-8adeffc2]{display:flex;flex-direction:column;align-items:center;gap:4px}.action-btn[data-v-8adeffc2]{position:relative;background:#f0f0f0;border:none;border-radius:50%;width:40px;height:40px;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.chat-btn[data-v-8adeffc2]{background:#4caf50;color:#fff}.chat-btn[data-v-8adeffc2]:hover{background:#45a049;transform:scale(1.1)}.block-btn[data-v-8adeffc2]{background:#ff9800!important;color:#fff!important}.friend-item.blocked .block-btn[data-v-8adeffc2]{background:#333!important;color:#999!important}.block-btn[data-v-8adeffc2]:hover{background:#333!important;color:#999!important;transform:scale(1.1)}.friend-item.blocked .block-btn[data-v-8adeffc2]:hover{background:#ff9800!important;color:#fff!important}.delete-btn[data-v-8adeffc2]{background:#f44336;color:#fff}.delete-btn[data-v-8adeffc2]:hover{background:#da190b;transform:scale(1.1)}.unread-badge[data-v-8adeffc2]{position:absolute;top:-5px;right:-5px;background-color:#ff4757;color:#fff;border-radius:50%;font-size:12px;font-weight:700;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 6px;line-height:1}.action-label[data-v-8adeffc2]{font-size:12px;color:#666;font-weight:500}.request-status[data-v-8adeffc2]{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:14px}.status-label[data-v-8adeffc2]{color:#666;font-weight:500}.status-value[data-v-8adeffc2]{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.status-accepted[data-v-8adeffc2]{background:#e8f5e8;color:#4caf50}.status-rejected[data-v-8adeffc2]{background:#fff3e0;color:#ff9800}.status-blocked[data-v-8adeffc2]{background:#ffebee;color:#c93e35}.status-pending[data-v-8adeffc2]{background:#e3f2fd;color:#2196f3}.status-unknown[data-v-8adeffc2]{background:#f5f5f5;color:#ae7c08}.action-btn[data-v-8adeffc2]{width:36px;height:36px;border:none;border-radius:50%;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.chat-btn[data-v-8adeffc2]{background:#667eea;color:#fff}.chat-btn[data-v-8adeffc2]:hover{background:#5568d3;transform:scale(1.1)}.delete-btn[data-v-8adeffc2]{background:#f44;color:#fff}.delete-btn[data-v-8adeffc2]:hover{background:#d33;transform:scale(1.1)}.accept-btn[data-v-8adeffc2]{background:#4caf50;color:#fff}.accept-btn[data-v-8adeffc2]:hover:not(:disabled){background:#45a049;transform:scale(1.1)}.reject-btn[data-v-8adeffc2]{background:#f44;color:#fff}.reject-btn[data-v-8adeffc2]:hover:not(:disabled){background:#d33;transform:scale(1.1)}.action-btn[data-v-8adeffc2]:disabled{opacity:.5;cursor:not-allowed}.chat-modal-overlay[data-v-8adeffc2]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.chat-modal[data-v-8adeffc2]{width:90%;max-width:95%;min-width:300px;height:80vh;min-height:400px;background:#fff;border-radius:16px;overflow:hidden;resize:both}@media (max-width: 768px){.header[data-v-8adeffc2]{padding:16px}.title[data-v-8adeffc2]{font-size:20px}.content[data-v-8adeffc2]{padding:16px}.friend-item[data-v-8adeffc2],.request-item[data-v-8adeffc2]{padding:12px}.friend-avatar[data-v-8adeffc2],.request-avatar[data-v-8adeffc2]{width:40px;height:40px;font-size:16px}.chat-modal[data-v-8adeffc2]{width:100%;height:100%;border-radius:0}}.user-activity-page[data-v-43047d2d]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding-bottom:20px}.header[data-v-43047d2d]{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-title[data-v-43047d2d]{color:#fff;font-size:24px;font-weight:600;margin:0}.btn-back[data-v-43047d2d]{padding:8px 16px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;transition:all .2s}.btn-back[data-v-43047d2d]:hover{background:#ffffff4d}.loading[data-v-43047d2d],.error[data-v-43047d2d]{text-align:center;padding:40px;color:#fff;font-size:18px}.error[data-v-43047d2d]{color:#ff6b6b}.content[data-v-43047d2d]{padding:20px}.section[data-v-43047d2d]{margin-bottom:40px}.section-title[data-v-43047d2d]{color:#fff;font-size:20px;font-weight:600;margin:0 0 16px}.messages-list[data-v-43047d2d],.replies-list[data-v-43047d2d]{display:flex;flex-direction:column;gap:16px}.empty-state[data-v-43047d2d]{text-align:center;padding:60px 20px;color:#fff;font-size:16px;opacity:.8}.message-card[data-v-43047d2d]{background:#fffffff2;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a;cursor:pointer;transition:all .2s}.message-card[data-v-43047d2d]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.reply-card[data-v-43047d2d]{background:#fffffff2;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a}.message-header[data-v-43047d2d],.reply-header[data-v-43047d2d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.message-category[data-v-43047d2d]{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:12px;font-weight:500}.message-date[data-v-43047d2d],.reply-date[data-v-43047d2d]{color:#999;font-size:12px}.message-title[data-v-43047d2d]{margin:0 0 12px;font-size:18px;font-weight:600;color:#333}.message-content[data-v-43047d2d],.reply-content[data-v-43047d2d]{margin:0 0 12px;font-size:14px;color:#666;line-height:1.6}.message-footer[data-v-43047d2d],.reply-footer[data-v-43047d2d]{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #eee}.reply-count[data-v-43047d2d]{color:#999;font-size:12px}.reply-nickname[data-v-43047d2d]{font-weight:500;color:#333}.reply-to[data-v-43047d2d]{color:#999;font-size:12px}.view-detail[data-v-43047d2d]{color:#667eea;font-size:12px;font-weight:500}.modal-overlay[data-v-43047d2d]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal-content[data-v-43047d2d]{background:#fff;border-radius:12px;max-width:100%}.modal-content-large[data-v-43047d2d]{max-width:800px;width:100%}@media (max-width: 768px){.header[data-v-43047d2d]{padding:16px}.page-title[data-v-43047d2d]{font-size:20px}.content[data-v-43047d2d]{padding:16px}.tabs[data-v-43047d2d]{flex-direction:column}}.my-messages-page[data-v-809404e7]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding-bottom:20px}.header[data-v-809404e7]{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-title[data-v-809404e7]{color:#fff;font-size:24px;font-weight:600;margin:0}.btn-back[data-v-809404e7]{padding:8px 16px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;transition:all .2s}.btn-back[data-v-809404e7]:hover{background:#ffffff4d}.loading[data-v-809404e7],.error[data-v-809404e7]{text-align:center;padding:40px;color:#fff;font-size:18px}.error[data-v-809404e7]{color:#7f0d0d}.content[data-v-809404e7]{display:flex;flex-direction:column;gap:20px;padding:20px}@media (min-width: 700px){.content[data-v-809404e7]{flex-direction:row}}.sidebar[data-v-809404e7]{width:100%;flex-shrink:0;margin-bottom:20px}@media (min-width: 700px){.sidebar[data-v-809404e7]{width:140px;margin-bottom:0}}.sidebar-item[data-v-809404e7]{padding:12px 16px;background:#ffffff1a;color:#fff;border-radius:8px;cursor:pointer;transition:all .2s;margin-bottom:8px;width:100%;display:block}.sidebar-item[data-v-809404e7]:hover{background:#fff3}.sidebar-item.active[data-v-809404e7]{background:#ffffff4d;font-weight:600}.main-content[data-v-809404e7]{flex:1;background:#fffffff2;border-radius:12px;padding:20px;overflow-x:auto}.empty-state[data-v-809404e7]{text-align:center;padding:60px 20px;color:#666;font-size:16px}.messages-table[data-v-809404e7]{width:100%;border-collapse:collapse}.messages-table thead[data-v-809404e7]{background:#f5f5f5}.messages-table th[data-v-809404e7]{padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #667eea}.messages-table td[data-v-809404e7]{padding:12px;border-bottom:1px solid #eee;vertical-align:top}.message-row[data-v-809404e7]{cursor:pointer;transition:background-color .2s}.message-row[data-v-809404e7]:hover{background-color:#f9f9f9}.title-cell[data-v-809404e7]{font-weight:600;color:#333;max-width:200px;word-wrap:break-word}.content-cell[data-v-809404e7]{color:#666;max-width:300px;word-wrap:break-word;line-height:1.6}.public-cell[data-v-809404e7]{text-align:center}.public-badge[data-v-809404e7]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.public-badge.public[data-v-809404e7]{background:#4caf50;color:#fff}.public-badge.private[data-v-809404e7]{background:#ff9800;color:#fff}.anonymous-cell[data-v-809404e7]{text-align:center}.anonymous-badge[data-v-809404e7]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.anonymous-badge.anonymous[data-v-809404e7]{background:#2196f3;color:#fff}.anonymous-badge.real-name[data-v-809404e7]{background:#923519;color:#fff}.publisher-badge[data-v-809404e7]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.publisher-badge.self[data-v-809404e7]{background:#4caf50;color:#fff}.publisher-badge.anonymous[data-v-809404e7]{background:#9e9e9e;color:#fff}.publisher-badge.friend[data-v-809404e7]{background:#ff9800;color:#fff}.publisher-badge.other[data-v-809404e7]{background:#2196f3;color:#fff}.gender-indicator[data-v-809404e7]{margin-left:4px;font-weight:700}.gender-indicator.男[data-v-809404e7]{color:#2196f3}.gender-indicator.女[data-v-809404e7]{color:#e91e63}.reply-cell[data-v-809404e7]{text-align:center}.reply-badge[data-v-809404e7]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.reply-badge.has-reply[data-v-809404e7]{background:#4caf50;color:#fff}.reply-badge.no-reply[data-v-809404e7]{background:#9e9e9e;color:#fff}.review-badge[data-v-809404e7]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.review-badge.passed[data-v-809404e7]{background:#4caf50;color:#fff}.review-badge.pending[data-v-809404e7]{background:#ff9800;color:#fff}.review-badge.rejected[data-v-809404e7]{background:#f44336;color:#fff}.review-badge.unknown[data-v-809404e7]{background:#9e9e9e;color:#fff}.序号-cell[data-v-809404e7]{width:40px;text-align:center;font-weight:600;color:#667eea;font-size:12px}.title-cell[data-v-809404e7]{width:120px;word-wrap:break-word}.content-cell[data-v-809404e7]{flex:1;min-width:200px}.date-cell[data-v-809404e7]{color:#999;font-size:12px;white-space:nowrap;width:80px}.pagination[data-v-809404e7]{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:16px;background:#f9f9f9;border-radius:8px}.pagination-info[data-v-809404e7]{color:#666;font-size:14px;font-weight:500}.pagination-controls[data-v-809404e7]{display:flex;gap:10px}.page-btn[data-v-809404e7]{padding:8px 16px;background:#667eea1a;color:#667eea;border:1px solid #667eea;border-radius:8px;cursor:pointer;transition:all .2s}.page-btn[data-v-809404e7]:hover:not(:disabled){background:#667eea;color:#fff}.page-btn[data-v-809404e7]:disabled{background:#f0f0f0;color:#999;border-color:#ddd;cursor:not-allowed}.modal-overlay[data-v-809404e7]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal-content[data-v-809404e7]{background:#fff;border-radius:12px;max-width:100%}.modal-content-large[data-v-809404e7]{max-width:800px;width:100%}.mobile-content[data-v-809404e7]{display:none}@media (max-width: 600px){.header[data-v-809404e7]{padding:16px}.page-title[data-v-809404e7]{font-size:20px}.content[data-v-809404e7]{flex-direction:column;padding:16px}.sidebar[data-v-809404e7]{width:100%}.title-cell[data-v-809404e7],.content-cell[data-v-809404e7]{max-width:none}.desktop-only[data-v-809404e7]{display:none}.mobile-content[data-v-809404e7]{display:inline}.desktop-content[data-v-809404e7]{display:none}.序号-cell[data-v-809404e7]{width:50px;font-size:12px}.date-cell[data-v-809404e7]{font-size:12px}.pagination[data-v-809404e7]{flex-direction:column;align-items:flex-start;gap:12px}.pagination-info[data-v-809404e7]{width:100%}.pagination-controls[data-v-809404e7]{width:100%;flex-direction:column;gap:10px}.page-size-selector[data-v-809404e7]{width:100%}.page-btn[data-v-809404e7]{flex:1}}@media (min-width: 600px){.desktop-content[data-v-809404e7]{display:inline}.mobile-content[data-v-809404e7]{display:none}}.page-size-selector[data-v-809404e7]{display:flex;align-items:center;gap:8px}.page-size-selector label[data-v-809404e7]{color:#666;font-size:14px;font-weight:500}.page-size-select[data-v-809404e7]{padding:6px 12px;background:#fff;color:#666;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px}.page-size-select option[data-v-809404e7]{background:#fff;color:#333}.page-size-select[data-v-809404e7]:hover{border-color:#667eea}.page-size-select[data-v-809404e7]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.profile-page[data-v-e98806f7]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding-bottom:20px}.header[data-v-e98806f7]{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-title[data-v-e98806f7]{color:#fff;font-size:24px;font-weight:600;margin:0}.btn-back[data-v-e98806f7]{padding:8px 16px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;transition:all .2s}.btn-back[data-v-e98806f7]:hover{background:#ffffff4d}.loading[data-v-e98806f7],.error[data-v-e98806f7]{text-align:center;padding:40px;color:#fff;font-size:18px}.error[data-v-e98806f7]{color:#ff6b6b}.content[data-v-e98806f7]{display:flex;gap:20px;padding:20px}.sidebar[data-v-e98806f7]{width:200px;flex-shrink:0}.sidebar-item[data-v-e98806f7]{padding:12px 16px;background:#ffffff1a;color:#fff;border-radius:8px;cursor:pointer;transition:all .2s;margin-bottom:8px}.sidebar-item[data-v-e98806f7]:hover{background:#fff3}.sidebar-item.active[data-v-e98806f7]{background:#ffffff4d;font-weight:600}.main-content[data-v-e98806f7]{flex:1;background:#fffffff2;border-radius:12px;padding:20px}.section-header[data-v-e98806f7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #667eea}.section-title[data-v-e98806f7]{font-size:20px;font-weight:600;color:#333;margin:0}.section-actions[data-v-e98806f7]{display:flex;gap:8px}.btn-edit[data-v-e98806f7],.btn-save[data-v-e98806f7],.btn-cancel[data-v-e98806f7],.btn-change-password[data-v-e98806f7]{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-edit[data-v-e98806f7]{background:#667eea;color:#fff}.btn-save[data-v-e98806f7]{background:#4caf50;color:#fff}.btn-cancel[data-v-e98806f7]{background:#f5f5f5;color:#333;border:1px solid #ddd}.btn-change-password[data-v-e98806f7]{background:#ff9800;color:#fff}.btn-edit[data-v-e98806f7]:hover,.btn-save[data-v-e98806f7]:hover,.btn-change-password[data-v-e98806f7]:hover{opacity:.9;transform:translateY(-1px)}.btn-cancel[data-v-e98806f7]:hover{background:#e0e0e0}.input-field[data-v-e98806f7]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.input-field[data-v-e98806f7]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.input-field.full-width[data-v-e98806f7]{width:100%}.modal-overlay[data-v-e98806f7]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-e98806f7]{background:#fff;padding:24px;border-radius:12px;width:90%;max-width:400px;box-shadow:0 4px 12px #00000026}.modal-title[data-v-e98806f7]{font-size:18px;font-weight:600;color:#333;margin:0 0 20px}.form-group[data-v-e98806f7]{margin-bottom:16px}.form-group label[data-v-e98806f7]{display:block;margin-bottom:6px;font-size:14px;color:#666;font-weight:500}.error-message[data-v-e98806f7]{color:#ff6b6b;font-size:14px;margin:12px 0;padding:8px;background:#ffebee;border-radius:4px}.modal-actions[data-v-e98806f7]{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.info-grid[data-v-e98806f7]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.info-item[data-v-e98806f7]{display:flex;flex-direction:column;gap:8px}.info-item.full-width[data-v-e98806f7]{grid-column:span 2}.info-item label[data-v-e98806f7]{font-size:14px;color:#666;font-weight:500}.info-value[data-v-e98806f7]{font-size:16px;color:#333;font-weight:500}.stats-grid[data-v-e98806f7]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.stat-card[data-v-e98806f7]{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:transform .2s}.stat-card[data-v-e98806f7]:hover{transform:translateY(-4px)}.stat-icon[data-v-e98806f7]{font-size:48px}.stat-info[data-v-e98806f7]{flex:1}.stat-label[data-v-e98806f7]{font-size:14px;color:#666;margin-bottom:4px}.stat-value[data-v-e98806f7]{font-size:24px;font-weight:600;color:#333}.avatar-section[data-v-e98806f7]{margin-bottom:30px;text-align:center}.avatar-container[data-v-e98806f7]{display:inline-block;margin-bottom:16px}.avatar-image[data-v-e98806f7]{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #667eea;box-shadow:0 4px 12px #00000026}.avatar-placeholder[data-v-e98806f7]{width:120px;height:120px;border-radius:50%;background:#f5f5f5;border:3px dashed #ddd;display:flex;flex-direction:column;align-items:center;justify-content:center}.avatar-placeholder-icon[data-v-e98806f7]{font-size:36px;margin-bottom:8px}.avatar-placeholder-text[data-v-e98806f7]{font-size:12px;color:#999}.avatar-actions[data-v-e98806f7]{display:flex;justify-content:center;gap:12px;align-items:center}.avatar-input[data-v-e98806f7]{padding:8px;border:1px solid #ddd;border-radius:6px;font-size:14px}.btn-delete-avatar[data-v-e98806f7]{padding:8px 16px;background:#ff6b6b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-delete-avatar[data-v-e98806f7]:hover{background:#ee5a5a;transform:translateY(-1px)}.user-info-card[data-v-e98806f7]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:20px;margin-bottom:24px;display:flex;align-items:center;gap:20px;color:#fff;box-shadow:0 4px 12px #00000026}.user-avatar[data-v-e98806f7]{flex-shrink:0}.user-details[data-v-e98806f7]{flex:1}.user-name[data-v-e98806f7]{font-size:20px;font-weight:600;margin:0 0 8px}.user-join-date[data-v-e98806f7]{font-size:14px;opacity:.9;margin:0}@media (max-width: 768px){.header[data-v-e98806f7]{padding:16px}.page-title[data-v-e98806f7]{font-size:20px}.content[data-v-e98806f7]{flex-direction:column;padding:16px}.sidebar[data-v-e98806f7]{width:100%}.info-grid[data-v-e98806f7],.stats-grid[data-v-e98806f7]{grid-template-columns:1fr}.avatar-image[data-v-e98806f7],.avatar-placeholder[data-v-e98806f7]{width:100px;height:100px}.avatar-actions[data-v-e98806f7]{flex-direction:column;align-items:stretch}.avatar-input[data-v-e98806f7],.btn-delete-avatar[data-v-e98806f7]{width:100%}}.waring[data-v-e98806f7]{color:red}.admin-login[data-v-7c57a8b7]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-container[data-v-7c57a8b7]{background:#fff;border-radius:12px;padding:32px;max-width:400px;width:100%;box-shadow:0 10px 30px #0000001a}.login-title[data-v-7c57a8b7]{font-size:24px;font-weight:600;color:#333;margin-bottom:24px;text-align:center}.form-group[data-v-7c57a8b7]{margin-bottom:20px}.form-group label[data-v-7c57a8b7]{display:block;margin-bottom:8px;font-weight:500;color:#555}.input-field[data-v-7c57a8b7]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s}.input-field[data-v-7c57a8b7]:focus{outline:none;border-color:#667eea}.input-field.error[data-v-7c57a8b7]{border-color:#f44}.error-message[data-v-7c57a8b7]{display:block;margin-top:4px;font-size:12px;color:#f44}.form-actions[data-v-7c57a8b7]{margin-top:24px}.btn[data-v-7c57a8b7]{width:100%;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary[data-v-7c57a8b7]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-7c57a8b7]:hover:not(:disabled){opacity:.9}.btn-primary[data-v-7c57a8b7]:disabled{opacity:.5;cursor:not-allowed}.error-alert[data-v-7c57a8b7]{margin-top:16px;padding:12px;background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;font-size:14px}.admin-dashboard[data-v-03cd520c]{min-height:100vh;background:#f5f7fa}.admin-header[data-v-03cd520c]{background:#fff;padding:20px 30px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center}.admin-title[data-v-03cd520c]{font-size:20px;font-weight:600;color:#333;margin:0}.admin-user[data-v-03cd520c]{display:flex;align-items:center;gap:12px}.btn-logout[data-v-03cd520c]{padding:6px 12px;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.btn-logout[data-v-03cd520c]:hover{background:#e0e0e0}.admin-nav[data-v-03cd520c]{background:#fff;padding:0 30px;border-bottom:1px solid #e0e0e0;display:flex;gap:2px}.nav-item[data-v-03cd520c]{padding:14px 20px;background:none;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.nav-item[data-v-03cd520c]:hover{color:#667eea}.nav-item.active[data-v-03cd520c]{color:#667eea;border-bottom-color:#667eea}.admin-content[data-v-03cd520c]{padding:30px}.dashboard-section[data-v-03cd520c]{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000000d}.dashboard-section h2[data-v-03cd520c]{font-size:18px;font-weight:600;color:#333;margin-bottom:24px}.stats-grid[data-v-03cd520c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card[data-v-03cd520c]{background:#f8f9fa;border-radius:8px;padding:20px;display:flex;align-items:center;gap:16px;transition:transform .2s}.stat-card[data-v-03cd520c]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-icon[data-v-03cd520c]{font-size:32px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#667eea1a;border-radius:50%}.stat-content[data-v-03cd520c]{flex:1}.stat-number[data-v-03cd520c]{font-size:24px;font-weight:600;color:#333;margin-bottom:4px}.stat-label[data-v-03cd520c]{font-size:14px;color:#666}.admin-users[data-v-8ebc11f2]{min-height:100vh;background:#f5f7fa}.admin-header[data-v-8ebc11f2]{background:#fff;padding:20px 30px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center}.admin-title[data-v-8ebc11f2]{font-size:20px;font-weight:600;color:#333;margin:0}.admin-user[data-v-8ebc11f2]{display:flex;align-items:center;gap:12px}.btn-logout[data-v-8ebc11f2]{padding:6px 12px;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.btn-logout[data-v-8ebc11f2]:hover{background:#e0e0e0}.admin-nav[data-v-8ebc11f2]{background:#fff;padding:0 30px;border-bottom:1px solid #e0e0e0;display:flex;gap:2px}.nav-item[data-v-8ebc11f2]{padding:14px 20px;background:none;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.nav-item[data-v-8ebc11f2]:hover{color:#667eea}.nav-item.active[data-v-8ebc11f2]{color:#667eea;border-bottom-color:#667eea}.admin-content[data-v-8ebc11f2]{padding:30px}.users-section[data-v-8ebc11f2]{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000000d}.section-header[data-v-8ebc11f2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2[data-v-8ebc11f2]{font-size:18px;font-weight:600;color:#333;margin:0}.search-box[data-v-8ebc11f2]{position:relative}.search-input[data-v-8ebc11f2]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:200px}.filter-select[data-v-8ebc11f2]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:100px;margin-left:8px}.users-table-container[data-v-8ebc11f2]{overflow-x:auto}.users-table[data-v-8ebc11f2]{width:100%;border-collapse:collapse}.users-table th[data-v-8ebc11f2],.users-table td[data-v-8ebc11f2]{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.users-table th[data-v-8ebc11f2]{background:#f8f9fa;font-weight:600;color:#333}.status-badge[data-v-8ebc11f2]{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active[data-v-8ebc11f2]{background:#e8f5e8;color:#2e7d32}.status-badge.pending[data-v-8ebc11f2]{background:#fff3e0;color:#ef6c00}.status-badge.deleted[data-v-8ebc11f2]{background:#ffebee;color:#c62828}.status-badge.disabled[data-v-8ebc11f2]{background:#e0e0e0;color:#616161}.action-buttons[data-v-8ebc11f2]{display:flex;gap:8px}.btn[data-v-8ebc11f2]{padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.btn-edit[data-v-8ebc11f2]{background:#e3f2fd;color:#1976d2;border-color:#bbdefb}.btn-reset[data-v-8ebc11f2]{background:#fff3e0;color:#ef6c00;border-color:#ffcc80}.btn-disable[data-v-8ebc11f2]{background:#ffebee;color:#c62828;border-color:#ffcdd2}.btn-enable[data-v-8ebc11f2]{background:#e8f5e8;color:#2e7d32;border-color:#c8e6c9}.btn-approve[data-v-8ebc11f2]{background:#e3f2fd;color:#1976d2;border-color:#bbdefb}.btn-restore[data-v-8ebc11f2]{background:#f3e5f5;color:#7b1fa2;border-color:#ce93d8}.pagination[data-v-8ebc11f2]{display:flex;align-items:center;gap:12px;margin-top:20px;justify-content:center}.page-btn[data-v-8ebc11f2]{padding:6px 12px;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.page-btn[data-v-8ebc11f2]:hover:not(:disabled){background:#f0f0f0}.page-btn[data-v-8ebc11f2]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-8ebc11f2]{font-size:12px;color:#666}.modal-overlay[data-v-8ebc11f2]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-8ebc11f2]{background:#fff;border-radius:8px;padding:24px;max-width:400px;width:100%;box-shadow:0 4px 12px #00000026}.modal-header[data-v-8ebc11f2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3[data-v-8ebc11f2]{font-size:16px;font-weight:600;color:#333;margin:0}.close-btn[data-v-8ebc11f2]{background:none;border:none;font-size:20px;cursor:pointer;color:#999}.modal-body[data-v-8ebc11f2]{margin-bottom:20px}.form-group[data-v-8ebc11f2]{margin-bottom:16px}.form-group label[data-v-8ebc11f2]{display:block;margin-bottom:6px;font-weight:500;color:#555;font-size:14px}.input-field[data-v-8ebc11f2]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.modal-footer[data-v-8ebc11f2]{display:flex;gap:12px;justify-content:flex-end}.btn-secondary[data-v-8ebc11f2]{padding:8px 16px;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;font-size:14px;cursor:pointer}.btn-primary[data-v-8ebc11f2]{padding:8px 16px;background:#667eea;border:1px solid #667eea;border-radius:4px;font-size:14px;color:#fff;cursor:pointer}.btn-primary[data-v-8ebc11f2]:hover{background:#5a6fd8}.admin-messages[data-v-26f1c5eb]{min-height:100vh;background:#f5f7fa}.admin-header[data-v-26f1c5eb]{background:#fff;padding:20px 30px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center}.admin-title[data-v-26f1c5eb]{font-size:20px;font-weight:600;color:#333;margin:0}.admin-user[data-v-26f1c5eb]{display:flex;align-items:center;gap:12px}.btn-logout[data-v-26f1c5eb]{padding:6px 12px;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.btn-logout[data-v-26f1c5eb]:hover{background:#e0e0e0}.admin-nav[data-v-26f1c5eb]{background:#fff;padding:0 30px;border-bottom:1px solid #e0e0e0;display:flex;gap:2px}.nav-item[data-v-26f1c5eb]{padding:14px 20px;background:none;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.nav-item[data-v-26f1c5eb]:hover{color:#667eea}.nav-item.active[data-v-26f1c5eb]{color:#667eea;border-bottom-color:#667eea}.admin-content[data-v-26f1c5eb]{padding:30px}.messages-section[data-v-26f1c5eb]{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000000d}.section-header[data-v-26f1c5eb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2[data-v-26f1c5eb]{font-size:18px;font-weight:600;color:#333;margin:0}.filter-box[data-v-26f1c5eb]{position:relative}.filter-select[data-v-26f1c5eb]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:120px;margin-left:8px}.search-input[data-v-26f1c5eb]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:200px}.messages-table-container[data-v-26f1c5eb]{overflow-x:auto}.messages-table[data-v-26f1c5eb]{width:100%;border-collapse:collapse}.messages-table th[data-v-26f1c5eb],.messages-table td[data-v-26f1c5eb]{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.messages-table th[data-v-26f1c5eb]{background:#f8f9fa;font-weight:600;color:#333}.message-title[data-v-26f1c5eb]{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-content[data-v-26f1c5eb]{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge[data-v-26f1c5eb]{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.normal[data-v-26f1c5eb]{background:#e8f5e8;color:#2e7d32}.status-badge.blocked[data-v-26f1c5eb]{background:#ffebee;color:#c62828}.status-badge.pending[data-v-26f1c5eb]{background:#fff3e0;color:#ef6c00}.status-badge.deleted[data-v-26f1c5eb]{background:#f5f5f5;color:#757575;text-decoration:line-through}.action-buttons[data-v-26f1c5eb]{display:flex;gap:8px;flex-wrap:wrap}.btn[data-v-26f1c5eb]{padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.btn-approve[data-v-26f1c5eb]{background:#e8f5e8;color:#2e7d32;border-color:#c8e6c9}.btn-block[data-v-26f1c5eb]{background:#fff3e0;color:#ef6c00;border-color:#ffcc80}.btn-delete[data-v-26f1c5eb]{background:#ffebee;color:#c62828;border-color:#ffcdd2}.btn-recover[data-v-26f1c5eb]{background:#e3f2fd;color:#1565c0;border-color:#90caf9}.btn-permanent-delete[data-v-26f1c5eb]{background:#ffebee;color:#b71c1c;border-color:#ffcdd2;font-weight:700}.pagination[data-v-26f1c5eb]{display:flex;align-items:center;gap:12px;margin-top:20px;justify-content:center}.page-btn[data-v-26f1c5eb]{padding:6px 12px;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.page-btn[data-v-26f1c5eb]:hover:not(:disabled){background:#f0f0f0}.page-btn[data-v-26f1c5eb]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-26f1c5eb]{font-size:12px;color:#666}.admin-approval[data-v-5d1551aa]{min-height:100vh;background:#f5f7fa}.admin-header[data-v-5d1551aa]{background:#fff;padding:20px 30px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center}.admin-title[data-v-5d1551aa]{font-size:20px;font-weight:600;color:#333;margin:0}.admin-user[data-v-5d1551aa]{display:flex;align-items:center;gap:12px}.btn-logout[data-v-5d1551aa]{padding:6px 12px;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.btn-logout[data-v-5d1551aa]:hover{background:#e0e0e0}.admin-nav[data-v-5d1551aa]{background:#fff;padding:0 30px;border-bottom:1px solid #e0e0e0;display:flex;gap:2px}.nav-item[data-v-5d1551aa]{padding:14px 20px;background:none;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.nav-item[data-v-5d1551aa]:hover{color:#667eea}.nav-item.active[data-v-5d1551aa]{color:#667eea;border-bottom-color:#667eea}.admin-content[data-v-5d1551aa]{padding:30px}.approval-section[data-v-5d1551aa]{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000000d}.approval-section h2[data-v-5d1551aa]{font-size:18px;font-weight:600;color:#333;margin:0 0 8px}.section-desc[data-v-5d1551aa]{font-size:14px;color:#666;margin:0 0 24px}.messages-list[data-v-5d1551aa]{display:flex;flex-direction:column;gap:16px}.message-card[data-v-5d1551aa]{border:1px solid #e0e0e0;border-radius:8px;padding:16px;transition:all .2s}.message-card[data-v-5d1551aa]:hover{box-shadow:0 2px 8px #0000001a}.message-header[data-v-5d1551aa]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.message-title[data-v-5d1551aa]{font-size:16px;font-weight:600;color:#333;margin:0;flex:1}.message-time[data-v-5d1551aa]{font-size:12px;color:#999;margin-left:16px}.message-body[data-v-5d1551aa]{margin-bottom:16px}.message-content[data-v-5d1551aa]{font-size:14px;line-height:1.5;color:#555;margin:0 0 12px}.message-meta[data-v-5d1551aa]{font-size:12px;color:#666}.message-actions[data-v-5d1551aa]{display:flex;gap:8px;justify-content:flex-end}.btn[data-v-5d1551aa]{padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.btn-approve[data-v-5d1551aa]{background:#e8f5e8;color:#2e7d32;border-color:#c8e6c9}.btn-block[data-v-5d1551aa]{background:#fff3e0;color:#ef6c00;border-color:#ffcc80}.btn-delete[data-v-5d1551aa]{background:#ffebee;color:#c62828;border-color:#ffcdd2}.empty-state[data-v-5d1551aa]{text-align:center;padding:60px 20px;color:#999}.empty-icon[data-v-5d1551aa]{font-size:48px;margin-bottom:16px}.pagination[data-v-5d1551aa]{display:flex;align-items:center;gap:12px;margin-top:24px;justify-content:center}.page-btn[data-v-5d1551aa]{padding:6px 12px;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.page-btn[data-v-5d1551aa]:hover:not(:disabled){background:#f0f0f0}.page-btn[data-v-5d1551aa]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-5d1551aa]{font-size:12px;color:#666}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}#app{min-height:100vh}