.login-register-btn[data-v-40bba2a2]{color:#333;text-decoration:none;font-weight:500;font-size:.875rem;padding:.5rem 1rem;border-radius:.375rem;display:flex;align-items:center;border:1px solid rgba(0,0,0,.2);background:transparent;cursor:pointer}.login-register-btn[data-v-40bba2a2]:focus{outline:none;box-shadow:0 0 0 2px rgba(0,0,0,.3)}.login-register-btn[data-v-40bba2a2]:hover{background:transparent;border-color:rgba(0,0,0,.3)}.login-register-btn.active[data-v-40bba2a2]{color:#333!important;background-color:transparent!important;position:static!important}.login-register-btn.navigating[data-v-40bba2a2]{opacity:1!important;pointer-events:auto!important;cursor:pointer!important}.user-menu[data-v-40bba2a2]{position:relative;display:flex;align-items:center;z-index:1001}.user-avatar[data-v-40bba2a2]{width:36px;height:36px;border-radius:50%;cursor:pointer;border:2px solid transparent;box-shadow:none!important;filter:none!important}.user-avatar.active[data-v-40bba2a2]{border-color:#3b82f6;transform:scale(1.05)}.avatar-image[data-v-40bba2a2]{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;overflow:hidden}.avatar-image img[data-v-40bba2a2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;box-shadow:none!important}.user-avatar .avatar-image[data-v-40bba2a2],.user-avatar[data-v-40bba2a2] *{box-shadow:none!important;filter:none!important}.loading-icon[data-v-40bba2a2]{margin-left:.5rem;color:#3b82f6;font-size:.875rem}.loading-articles[data-v-40bba2a2]{padding:1rem;text-align:center;color:#6b7280;font-size:.875rem}.loading-articles i[data-v-40bba2a2]{margin-right:.5rem;color:#3b82f6}.user-dropdown[data-v-40bba2a2]{position:fixed;background:#fff;border-radius:.75rem;box-shadow:none;border:1px solid #e5e7eb;min-width:280px;z-index:9999;overflow:hidden;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);visibility:visible}.dropdown-header[data-v-40bba2a2]{padding:1.25rem;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,rgba(255,107,53,.05),rgba(247,147,30,.05))}.dropdown-avatar[data-v-40bba2a2]{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;overflow:hidden;flex-shrink:0}.dropdown-avatar img[data-v-40bba2a2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dropdown-info[data-v-40bba2a2]{flex:1;min-width:0}.user-nickname[data-v-40bba2a2]{font-weight:600;color:#1f2937;font-size:1rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email[data-v-40bba2a2]{color:#6b7280;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-account[data-v-40bba2a2]{color:#9ca3af;font-size:.8rem;margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-section[data-v-40bba2a2]{padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6}.section-title[data-v-40bba2a2]{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151;font-size:.875rem;margin-bottom:.75rem}.section-title i[data-v-40bba2a2]{color:#3b82f6;font-size:.875rem}.articles-list[data-v-40bba2a2]{display:flex;flex-direction:column;gap:.5rem}.article-item[data-v-40bba2a2]{padding:.5rem .75rem;border-radius:.5rem;cursor:pointer;border:1px solid transparent}.article-title[data-v-40bba2a2]{font-size:.875rem;color:#1f2937;font-weight:500;margin-bottom:.25rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-date[data-v-40bba2a2]{font-size:.75rem;color:#9ca3af}.article-meta[data-v-40bba2a2]{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.article-status[data-v-40bba2a2]{display:flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:500;padding:.125rem .375rem;border-radius:.25rem;white-space:nowrap}.article-status i[data-v-40bba2a2]{font-size:.7rem}.status-pending[data-v-40bba2a2]{color:#f59e0b;background-color:#fef3c7}.status-approved[data-v-40bba2a2]{color:#059669;background-color:#d1fae5}.status-rejected[data-v-40bba2a2]{color:#dc2626;background-color:#fee2e2}.status-unknown[data-v-40bba2a2]{color:#6b7280;background-color:#f3f4f6}.more-articles[data-v-40bba2a2]{padding:.5rem .75rem;text-align:center;color:#3b82f6;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:.5rem}.no-articles[data-v-40bba2a2]{text-align:center;color:#9ca3af;font-size:.875rem;padding:1rem 0;font-style:italic}.dropdown-actions[data-v-40bba2a2]{padding:.75rem;display:flex;gap:.5rem}.dropdown-btn[data-v-40bba2a2]{flex:1;background:#f3f4f6;color:#374151;border:none;padding:.75rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem}.dropdown-btn[data-v-40bba2a2]:first-child{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}@media (max-width:768px){.user-dropdown[data-v-40bba2a2]{min-width:260px;right:-20px}.dropdown-header[data-v-40bba2a2]{padding:1rem}.dropdown-actions[data-v-40bba2a2]{flex-direction:column}.dropdown-btn[data-v-40bba2a2]{width:100%}}.user-dropdown[data-v-40bba2a2]{animation:dropdownFadeIn-40bba2a2 .2s ease-out}@keyframes dropdownFadeIn-40bba2a2{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-container[data-v-40bba2a2]{display:flex;align-items:center;width:100%;overflow:visible;max-width:100%;border:none}.nav-scroll-container[data-v-40bba2a2]{flex:1;overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:pan-x;min-width:0;max-width:100%;scroll-snap-type:x proximity;display:flex;justify-content:center;align-items:center}.nav-scroll-container[data-v-40bba2a2]::-webkit-scrollbar{display:none}.nav-scroll-container.dragging[data-v-40bba2a2]{cursor:grabbing;scroll-behavior:auto}.nav-content[data-v-40bba2a2]{align-items:center;gap:2rem;max-width:none;width:-moz-max-content;width:max-content}.nav-content[data-v-40bba2a2],.nav-menu[data-v-40bba2a2]{display:flex;min-width:-moz-max-content;min-width:max-content;padding:0;flex-shrink:0}.nav-menu[data-v-40bba2a2]{list-style:none;margin:0;gap:.5rem;white-space:nowrap}.nav-brand[data-v-40bba2a2],.nav-item[data-v-40bba2a2]{flex-shrink:0;scroll-snap-align:start}.article-item[data-v-40bba2a2]:hover,.brand-logo[data-v-40bba2a2]:hover,.dropdown-btn[data-v-40bba2a2]:hover,.login-register-btn[data-v-40bba2a2]:hover,.more-articles[data-v-40bba2a2]:hover,.user-avatar[data-v-40bba2a2]:hover{color:inherit!important;background-color:inherit!important;border-color:inherit!important;transform:none!important;box-shadow:none!important;opacity:inherit!important}.nav-link[data-v-40bba2a2]:hover{background-color:transparent!important;border-color:transparent!important;transform:none!important;box-shadow:none!important;opacity:1!important}.nav-link.active[data-v-40bba2a2]:hover{background:#fff!important;color:#1f2937!important;border-radius:.5rem .5rem 0 0!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important}.brand-logo[data-v-40bba2a2]{font-size:1.5rem;font-weight:700;color:#333;text-decoration:none;padding-left:1rem}.nav-actions[data-v-40bba2a2]{display:flex;align-items:center;gap:1rem;flex-shrink:0;scroll-snap-align:end;position:relative}.nav-icon[data-v-40bba2a2]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#666;text-decoration:none;transition:all .3s ease;background:transparent;border:none;cursor:pointer}.nav-icon[data-v-40bba2a2]:hover{color:#333;background-color:rgba(0,0,0,.05)}.nav-icon svg[data-v-40bba2a2]{width:20px;height:20px;fill:currentColor}.ai-text[data-v-40bba2a2]{font-weight:600;font-size:14px;color:#666;transition:color .3s ease}.nav-icon:hover .ai-text[data-v-40bba2a2]{color:#333}.nav-link[data-v-40bba2a2]{display:flex;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;color:#333;text-decoration:none;font-weight:500;font-size:.875rem;border-radius:.5rem;white-space:nowrap;flex-shrink:0;min-width:-moz-max-content;min-width:max-content;min-width:80px;transition:all .3s ease;border:none;background:transparent;height:auto;margin:-.25rem;position:relative;z-index:2}.nav-link.active[data-v-40bba2a2]{color:#1f2937;background:#fff;border-radius:.5rem .5rem 0 0;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease;position:relative;z-index:3}.nav-link.active[data-v-40bba2a2]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#fff;z-index:2}.nav-link.active.white-bg[data-v-40bba2a2]{background:#fff;color:#1f2937;border-radius:.5rem .5rem 0 0;box-shadow:0 2px 8px rgba(0,0,0,.1);position:relative;z-index:3}.nav-link.active.white-bg[data-v-40bba2a2]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#fff;z-index:2}.nav-container.white-page-bg[data-v-40bba2a2]{background:#fff;position:relative}.nav-container[data-v-40bba2a2]{position:relative}.nav-container[data-v-40bba2a2]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#e5e7eb;z-index:1;pointer-events:none}.nav-link.navigating[data-v-40bba2a2]{opacity:.7;pointer-events:none;cursor:wait}.nav-link i[data-v-40bba2a2]{font-size:1rem}.article-close-section[data-v-40bba2a2]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.close-article-btn[data-v-40bba2a2]{display:flex;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;color:#dc2626;text-decoration:none;font-weight:500;font-size:.875rem;border-radius:.5rem;white-space:nowrap;flex-shrink:0;min-width:-moz-max-content;min-width:max-content;transition:all .3s ease;border:none;background:transparent;cursor:pointer;height:auto;margin:-.25rem;position:relative;z-index:2}.close-article-btn[data-v-40bba2a2]:hover{background-color:#fee2e2;color:#b91c1c}.close-article-btn i[data-v-40bba2a2]{font-size:1rem}.agreement-close-section[data-v-40bba2a2]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.close-agreement-btn[data-v-40bba2a2]{display:flex;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;color:#dc2626;text-decoration:none;font-weight:500;font-size:.875rem;border-radius:.5rem;white-space:nowrap;flex-shrink:0;min-width:-moz-max-content;min-width:max-content;transition:all .3s ease;border:none;background:transparent;cursor:pointer;height:auto;margin:-.25rem;position:relative;z-index:2}.close-agreement-btn[data-v-40bba2a2]:hover{background-color:#fee2e2;color:#b91c1c}.close-agreement-btn i[data-v-40bba2a2]{font-size:1rem}.footer[data-v-f146d964]{background:#fff;border-top:none;padding:2rem 0 1.5rem;margin-top:auto;color:#6c757d;font-size:.875rem}.footer-content[data-v-f146d964]{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-info[data-v-f146d964]{text-align:center;line-height:1.6}.footer-info p[data-v-f146d964]{margin:0 0 .5rem 0;font-weight:500;color:#495057}.contact-info[data-v-f146d964],.website-name[data-v-f146d964],.website-owner[data-v-f146d964]{font-size:.8rem;color:#6c757d;margin:.3rem 0}.contact-link[data-v-f146d964]{color:#667eea;text-decoration:none;transition:color .3s ease}.contact-link[data-v-f146d964]:hover{color:#5a67d8;text-decoration:underline}.footer-links[data-v-f146d964]{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.footer-link[data-v-f146d964]{color:#6c757d;text-decoration:none;transition:color .3s ease;font-size:.8rem}.footer-link[data-v-f146d964]:hover{color:#667eea;text-decoration:underline}.footer-separator[data-v-f146d964]{color:#adb5bd;margin:0 .25rem}.footer-tech[data-v-f146d964]{text-align:center}.tech-info[data-v-f146d964]{margin:0;font-size:.8rem;color:#adb5bd;display:flex;align-items:center;justify-content:center;gap:.5rem}.tech-info i[data-v-f146d964]{color:#667eea}@media (max-width:768px){.footer[data-v-f146d964]{padding:1.5rem 0 1rem}.footer-content[data-v-f146d964]{padding:0 1rem;gap:.75rem}.footer-links[data-v-f146d964]{flex-direction:column;gap:.25rem}.footer-separator[data-v-f146d964]{display:none}.footer-info p[data-v-f146d964]{font-size:.8rem}.contact-info[data-v-f146d964],.footer-link[data-v-f146d964],.tech-info[data-v-f146d964],.website-name[data-v-f146d964],.website-owner[data-v-f146d964]{font-size:.75rem}}@media (max-width:480px){.footer[data-v-f146d964]{padding:1rem 0}.footer-content[data-v-f146d964]{padding:0 .75rem}}.login-modal-overlay[data-v-8ffb9596]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1100;padding:2rem;animation:fadeIn-8ffb9596 .3s ease-out}.login-modal-overlay.closing[data-v-8ffb9596]{animation:fadeOut-8ffb9596 .3s ease-in}.login-modal-container[data-v-8ffb9596]{width:100%;max-width:450px;max-height:90vh;overflow-y:auto;animation:slideInUp-8ffb9596 .4s ease-out}.login-modal-container.closing[data-v-8ffb9596]{animation:slideOutDown-8ffb9596 .3s ease-in}.login-card[data-v-8ffb9596]{background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border-radius:2rem;padding:3rem 2.5rem;box-shadow:0 20px 40px rgba(0,0,0,.1);border:1px solid rgba(59,130,246,.1);position:relative;animation:cardGlow-8ffb9596 .6s ease-out}.close-btn[data-v-8ffb9596]{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;z-index:10}.close-btn[data-v-8ffb9596]:hover{background:#f3f4f6;color:#374151;transform:rotate(90deg) scale(1.1)}.card-header[data-v-8ffb9596]{text-align:center;margin-bottom:2rem}.brand-title[data-v-8ffb9596]{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(45deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-subtitle[data-v-8ffb9596]{color:#6b7280;font-size:1rem;margin:0}.tab-nav[data-v-8ffb9596]{display:flex;background:#f3f4f6;border-radius:1rem;padding:.25rem;margin-bottom:2rem}.tab-btn[data-v-8ffb9596]{flex:1;background:none;border:none;padding:.75rem 1rem;border-radius:.75rem;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;color:#6b7280}.tab-btn.active[data-v-8ffb9596]{background:#fff;color:#3b82f6;box-shadow:0 2px 8px rgba(0,0,0,.1)}.form-container[data-v-8ffb9596]{margin-bottom:1.5rem}.auth-form[data-v-8ffb9596]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-8ffb9596]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-8ffb9596]{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#374151;font-size:.9rem}.form-label i[data-v-8ffb9596]{color:#3b82f6;width:16px}.form-input[data-v-8ffb9596]{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.9rem;transition:all .3s ease;background:#fff}.form-input[data-v-8ffb9596]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.password-input[data-v-8ffb9596]{position:relative;display:flex;align-items:center}.password-toggle[data-v-8ffb9596]{position:absolute;right:1rem;background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:color .3s ease}.password-toggle[data-v-8ffb9596]:hover{color:#3b82f6}.captcha-container[data-v-8ffb9596]{display:flex;align-items:center;gap:.75rem}.captcha-input[data-v-8ffb9596]{flex:1;max-width:150px}.captcha-image[data-v-8ffb9596]{width:100px;height:40px;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#f9fafb;transition:all .3s ease}.captcha-image[data-v-8ffb9596]:hover{border-color:#3b82f6;background:#eff6ff}.captcha-image img[data-v-8ffb9596]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:.5rem}.captcha-loading[data-v-8ffb9596]{font-size:.75rem;color:#6b7280}.refresh-captcha-btn[data-v-8ffb9596]{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.refresh-captcha-btn[data-v-8ffb9596]:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.refresh-captcha-btn i[data-v-8ffb9596]{font-size:.875rem}.captcha-field[data-v-8ffb9596]{flex:1}.captcha-code[data-v-8ffb9596]{background:linear-gradient(45deg,#3b82f6,#1d4ed8);color:#fff;padding:.875rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:1.1rem;letter-spacing:2px;cursor:pointer;transition:transform .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:80px;text-align:center}.captcha-code[data-v-8ffb9596]:hover{transform:scale(1.05)}.verification-input[data-v-8ffb9596]{display:flex;gap:.75rem;align-items:center}.verification-field[data-v-8ffb9596]{flex:1}.send-code-btn[data-v-8ffb9596]{background:#3b82f6;border:none;color:#fff;padding:.875rem 1.5rem;border-radius:.75rem;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;white-space:nowrap}.send-code-btn[data-v-8ffb9596]:hover:not(:disabled){background:#2563eb}.send-code-btn[data-v-8ffb9596]:disabled{background:#d1d5db;cursor:not-allowed}.verification-actions[data-v-8ffb9596]{margin-top:.75rem;display:flex;justify-content:center}.verify-code-btn[data-v-8ffb9596]{background:#10b981;border:none;color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;white-space:nowrap}.verify-code-btn[data-v-8ffb9596]:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.verify-code-btn[data-v-8ffb9596]:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.verified-success[data-v-8ffb9596]{background:#f0fdf4;border:2px solid #10b981;border-radius:.75rem;padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem;color:#166534;font-weight:500;text-align:center;justify-content:center}.verified-success i[data-v-8ffb9596]{color:#10b981;font-size:1.25rem}.verified-success span[data-v-8ffb9596]{font-size:.95rem}.form-options[data-v-8ffb9596]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.checkbox-label[data-v-8ffb9596]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#6b7280;position:relative}.checkbox-label input[type=checkbox][data-v-8ffb9596]{display:none}.checkmark[data-v-8ffb9596]{width:18px;height:18px;border:2px solid #d1d5db;border-radius:.25rem;position:relative;transition:all .3s ease}.checkbox-label input[type=checkbox]:checked+.checkmark[data-v-8ffb9596]{background:#3b82f6;border-color:#3b82f6}.checkbox-label input[type=checkbox]:checked+.checkmark[data-v-8ffb9596]:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.8rem;font-weight:700}.link[data-v-8ffb9596]{color:#3b82f6;text-decoration:none;transition:color .3s ease}.link[data-v-8ffb9596]:hover{color:#2563eb;text-decoration:underline}.submit-btn[data-v-8ffb9596]{background:linear-gradient(45deg,#3b82f6,#1d4ed8);border:none;color:#fff;padding:1rem 2rem;border-radius:.75rem;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.submit-btn[data-v-8ffb9596]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.3)}.submit-btn[data-v-8ffb9596]:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.forgot-info[data-v-8ffb9596]{background:#f0f9ff;border:1px solid #bae6fd;border-radius:.75rem;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.75rem}.forgot-info i[data-v-8ffb9596]{color:#0ea5e9;margin-top:.125rem;flex-shrink:0}.forgot-info p[data-v-8ffb9596]{color:#0c4a6e;font-size:.9rem;line-height:1.5;margin:0}.back-option[data-v-8ffb9596]{text-align:center;margin-top:1rem}.back-btn[data-v-8ffb9596]{background:none;border:1px solid #d1d5db;color:#6b7280;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem}.back-btn[data-v-8ffb9596]:hover{background:#f3f4f6;border-color:#9ca3af}.message[data-v-8ffb9596]{margin-top:1.5rem;padding:1rem;border-radius:.75rem;display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:500}.message.success[data-v-8ffb9596]{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.message.error[data-v-8ffb9596]{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.message.info[data-v-8ffb9596]{background:#f0f9ff;border:1px solid #bae6fd;color:#0c4a6e}.error-message[data-v-8ffb9596]{color:#dc2626;font-size:.8rem;margin-top:.25rem}.field-hint[data-v-8ffb9596]{font-size:.8rem;margin-top:.5rem;padding:.25rem 0;display:flex;align-items:center;gap:.25rem}.field-hint.success[data-v-8ffb9596]{color:#16a34a}.field-hint.error[data-v-8ffb9596]{color:#dc2626}.field-hint.checking[data-v-8ffb9596]{color:#6b7280}.password-strength[data-v-8ffb9596]{margin-top:.5rem;display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#6b7280}.strength-bar[data-v-8ffb9596]{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.strength-fill[data-v-8ffb9596]{height:100%;border-radius:3px;transition:width .3s ease}.strength-fill.weak[data-v-8ffb9596]{background:#ef4444;width:25%}.strength-fill.medium[data-v-8ffb9596]{background:#f59e0b;width:50%}.strength-fill.strong[data-v-8ffb9596]{background:#10b981;width:75%}.strength-fill.very-strong[data-v-8ffb9596]{background:#10b981;width:100%}.strength-text[data-v-8ffb9596]{font-weight:500;color:#374151}@media (max-width:640px){.login-modal-overlay[data-v-8ffb9596]{padding:1rem}.login-card[data-v-8ffb9596]{padding:2rem 1.5rem}.brand-title[data-v-8ffb9596]{font-size:2rem}.tab-nav[data-v-8ffb9596]{flex-direction:column;gap:.25rem}.tab-btn[data-v-8ffb9596]{padding:.75rem}.captcha-input[data-v-8ffb9596],.verification-input[data-v-8ffb9596]{flex-direction:column;align-items:stretch}.captcha-code[data-v-8ffb9596],.send-code-btn[data-v-8ffb9596]{width:100%}.form-options[data-v-8ffb9596]{flex-direction:column;align-items:flex-start}}@keyframes fadeIn-8ffb9596{0%{opacity:0}to{opacity:1}}@keyframes slideInUp-8ffb9596{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardGlow-8ffb9596{0%{box-shadow:0 20px 40px rgba(0,0,0,.1)}50%{box-shadow:0 25px 50px rgba(59,130,246,.2)}to{box-shadow:0 20px 40px rgba(0,0,0,.1)}}@keyframes fadeOut-8ffb9596{0%{opacity:1}to{opacity:0}}@keyframes slideOutDown-8ffb9596{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(30px) scale(.95)}}.rich-text-editor[data-v-7f6a4bed]{border:2px solid #e2e8f0;border-radius:.5rem;overflow:hidden;transition:all .3s ease;width:100%;box-sizing:border-box;position:relative;display:flex;flex-direction:column;max-height:80vh}.rich-text-editor[data-v-7f6a4bed]:focus-within{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.editor-toolbar[data-v-7f6a4bed]{display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-bottom:none;border-radius:.375rem .375rem 0 0;position:sticky;top:0;z-index:10;flex-shrink:0}.toolbar-btn[data-v-7f6a4bed]{background:#fff;border:1px solid #e2e8f0;border-radius:.25rem;padding:.5rem;cursor:pointer;transition:all .2s ease;color:#374151;min-width:2.5rem;display:flex;align-items:center;justify-content:center}.toolbar-btn.active[data-v-7f6a4bed],.toolbar-btn[data-v-7f6a4bed]:hover{background:#667eea;color:#fff;border-color:#667eea}.toolbar-separator[data-v-7f6a4bed]{width:1px;background:#d1d5db;margin:0 .25rem}.toolbar-group[data-v-7f6a4bed]{display:flex;align-items:center;gap:.25rem}.font-size-select[data-v-7f6a4bed]{background:#fff;border:1px solid #e2e8f0;border-radius:.25rem;padding:.5rem;font-size:.875rem;color:#374151;cursor:pointer;min-width:4rem;transition:all .2s ease}.font-size-select[data-v-7f6a4bed]:hover{border-color:#667eea}.font-size-select[data-v-7f6a4bed]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.1)}.color-picker[data-v-7f6a4bed]{width:2.5rem;height:2.5rem;border:1px solid #e2e8f0;border-radius:.25rem;cursor:pointer;background:none;padding:0;transition:all .2s ease}.color-picker[data-v-7f6a4bed]:hover{border-color:#667eea}.color-picker[data-v-7f6a4bed]::-webkit-color-swatch-wrapper{padding:0}.color-picker[data-v-7f6a4bed]::-webkit-color-swatch{border:none;border-radius:.25rem}.color-btn[data-v-7f6a4bed]{position:relative}.color-btn[data-v-7f6a4bed]:after{content:"";position:absolute;bottom:2px;right:2px;width:8px;height:8px;background:#667eea;border-radius:50%;border:1px solid #fff}.editor-content[data-v-7f6a4bed]{min-height:var(--b6dc0888);padding:.75rem;font-size:1rem;line-height:1.6;outline:none;background:#fff;color:#1e293b;overflow-x:visible;overflow-y:auto;flex:1;max-height:calc(80vh - 60px)}.editor-content[data-v-7f6a4bed]:empty:before{content:attr(placeholder);color:#94a3b8;pointer-events:none}.editor-content img[data-v-7f6a4bed]{max-width:100%;height:auto;margin:.5rem 0;border-radius:.25rem;border:1px solid #e2e8f0}.editor-content span[style*=font-size][data-v-7f6a4bed]{display:inline-block;vertical-align:baseline;margin:0;padding:0}.editor-content span[style*="font-size: 20px"][data-v-7f6a4bed],.editor-content span[style*="font-size: 24px"][data-v-7f6a4bed],.editor-content span[style*="font-size: 28px"][data-v-7f6a4bed],.editor-content span[style*="font-size: 32px"][data-v-7f6a4bed],.editor-content span[style*="font-size: 36px"][data-v-7f6a4bed]{line-height:1.1!important;margin:.2rem 0;padding:.1rem .2rem;border-radius:.2rem;background:rgba(102,126,234,.05);border:1px solid rgba(102,126,234,.1)}.editor-content p[data-v-7f6a4bed]{margin:0 0 .5rem 0}.editor-content p[data-v-7f6a4bed]:last-child{margin-bottom:0}.editor-content ol[data-v-7f6a4bed]{margin:.5rem 0;padding-left:0;margin-left:0;list-style-type:decimal;list-style-position:inside}.editor-content ul[data-v-7f6a4bed]{margin:.5rem 0;padding-left:0;margin-left:0;list-style-type:disc;list-style-position:inside}.editor-content li[data-v-7f6a4bed]{margin:.25rem 0;padding-left:.5rem;line-height:1.6;display:list-item}.editor-content ol li[data-v-7f6a4bed],.editor-content ul li[data-v-7f6a4bed]{margin-left:0;padding-left:.5rem}.editor-content .code-card[data-v-7f6a4bed]{position:relative;background:#0b1220;border:1px solid #0f172a;border-radius:10px;padding-top:28px;margin:10px 0;box-shadow:0 6px 16px rgba(2,6,23,.35)}.editor-content .code-card__label[data-v-7f6a4bed]{position:absolute;top:6px;left:10px;font-size:12px;line-height:1;color:#a0aec0;background:rgba(30,41,59,.6);border:1px solid #1e293b;border-radius:6px;padding:4px 8px;backdrop-filter:blur(4px)}.editor-content pre.code-block[data-v-7f6a4bed]{background:#0b1220!important;color:#e2e8f0!important;padding:14px 16px!important;border-radius:10px!important;overflow:auto;line-height:1.55;margin:0!important;border:none!important}.editor-content pre.code-block code[data-v-7f6a4bed]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace!important;font-size:.92rem!important;-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre!important;display:block}@media (max-width:768px){.editor-toolbar[data-v-7f6a4bed]{gap:.2rem;padding:.4rem}.toolbar-btn[data-v-7f6a4bed]{min-width:2rem;padding:.4rem}.font-size-select[data-v-7f6a4bed]{min-width:3rem;padding:.4rem;font-size:.8rem}.color-picker[data-v-7f6a4bed]{width:2rem;height:2rem}.editor-content[data-v-7f6a4bed]{padding:.6rem;min-height:150px}}.article-modal-overlay[data-v-c2b7dddc]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn-c2b7dddc .3s ease-out}.article-modal-overlay.closing[data-v-c2b7dddc]{animation:fadeOut-c2b7dddc .3s ease-in}.article-modal-container[data-v-c2b7dddc]{width:100%;max-width:1200px;max-height:90vh;overflow:hidden;border-radius:1rem;box-shadow:0 20px 40px rgba(0,0,0,.15);display:flex;flex-direction:column;animation:slideInUp-c2b7dddc .4s ease-out}.article-modal-container.closing[data-v-c2b7dddc]{animation:slideOutDown-c2b7dddc .3s ease-in}.article-detail-page[data-v-c2b7dddc]{height:100%;background:#f8fafc;position:relative;display:flex;flex-direction:column;overflow:hidden}.close-btn[data-v-c2b7dddc]{position:absolute;top:1rem;right:1rem;background:hsla(0,0%,100%,.9);border:1px solid #e5e7eb;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;z-index:200;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.close-btn[data-v-c2b7dddc]:hover{background:#fff;color:#374151;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.page-header[data-v-c2b7dddc]{position:relative;background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 0;flex-shrink:0;z-index:100}.page-header .container[data-v-c2b7dddc]{display:flex;align-items:center;gap:1rem}.article-content-wrapper[data-v-c2b7dddc]{flex:1;overflow-y:auto;padding:1rem 0;width:100%;box-sizing:border-box}.page-title[data-v-c2b7dddc]{font-size:1.5rem;font-weight:600;margin:0;color:#1e293b}.container[data-v-c2b7dddc]{max-width:1200px;margin:0 auto;padding:0 .5rem;width:100%;box-sizing:border-box}.article-container[data-v-c2b7dddc]{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;overflow:hidden;margin:0;width:100%;max-width:100%;box-sizing:border-box;box-shadow:0 1px 3px rgba(0,0,0,.1)}.form-group[data-v-c2b7dddc],form[data-v-c2b7dddc]{width:100%;box-sizing:border-box}.form-group[data-v-c2b7dddc]{margin-bottom:1.5rem;padding:0 .5rem}.form-group[data-v-c2b7dddc]:first-child{padding-top:1rem}.form-label[data-v-c2b7dddc]{display:block;margin-bottom:.5rem;color:#374151;font-weight:500;font-size:.9rem}.form-input[data-v-c2b7dddc],.form-select[data-v-c2b7dddc],.form-textarea[data-v-c2b7dddc]{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;color:#1e293b;transition:all .3s ease;resize:vertical;background:#fff;box-sizing:border-box}.form-input[data-v-c2b7dddc]:focus,.form-select[data-v-c2b7dddc]:focus,.form-textarea[data-v-c2b7dddc]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-select[data-v-c2b7dddc]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23666" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');background-repeat:no-repeat;background-position:right .75rem center;background-size:.65rem;padding-right:2.5rem}.article-actions[data-v-c2b7dddc]{display:flex;gap:.75rem;justify-content:flex-end;margin:1rem .5rem;padding-top:1rem;border-top:1px solid #e2e8f0;width:100%;box-sizing:border-box}.action-btn[data-v-c2b7dddc]{background:#667eea;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.action-btn[data-v-c2b7dddc]:hover:not(:disabled){background:#5a67d8}.action-btn[data-v-c2b7dddc]:disabled{opacity:.6;cursor:not-allowed;background:#cbd5e1}.action-btn i[data-v-c2b7dddc]{font-size:.875rem}.cancel-btn[data-v-c2b7dddc]{background:#f1f5f9;color:#64748b}.cancel-btn[data-v-c2b7dddc]:hover:not(:disabled){background:#e2e8f0;color:#374151}.submit-btn[data-v-c2b7dddc]{background:#10b981}.submit-btn[data-v-c2b7dddc]:hover:not(:disabled){background:#059669}.cover-upload-area[data-v-c2b7dddc]{margin-bottom:1rem;width:100%;box-sizing:border-box}.cover-preview[data-v-c2b7dddc]{position:relative;display:inline-block;margin-bottom:1rem}.cover-preview .cover-image[data-v-c2b7dddc]{max-width:200px;max-height:150px;border-radius:.5rem;border:2px solid #e2e8f0}.cover-actions[data-v-c2b7dddc]{position:absolute;top:-8px;right:-8px}.remove-cover-btn[data-v-c2b7dddc]{width:24px;height:24px;background:#ef4444;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.remove-cover-btn[data-v-c2b7dddc]:hover{background:#dc2626}.upload-placeholder[data-v-c2b7dddc]{cursor:pointer;padding:1.5rem;border:2px dashed #e2e8f0;border-radius:.5rem;transition:all .3s ease;text-align:center;width:100%;box-sizing:border-box}.upload-placeholder[data-v-c2b7dddc]:hover{border-color:#667eea;background:#f8fafc}.upload-placeholder i[data-v-c2b7dddc]{font-size:2rem;color:#9ca3af;margin-bottom:.5rem}.upload-placeholder p[data-v-c2b7dddc]{margin:.5rem 0;font-weight:500;color:#374151}.upload-hint[data-v-c2b7dddc]{font-size:.875rem;color:#64748b}.required[data-v-c2b7dddc]{color:#ef4444}.optional[data-v-c2b7dddc]{color:#64748b;font-weight:400;font-size:.875rem}@media (max-width:768px){.article-modal-overlay[data-v-c2b7dddc]{padding:1rem}.article-modal-container[data-v-c2b7dddc]{max-width:100%;max-height:95vh}.container[data-v-c2b7dddc]{max-width:100%;padding:0 1rem}.form-group[data-v-c2b7dddc]{padding:0 .5rem}.content-editor[data-v-c2b7dddc],.cover-upload-area[data-v-c2b7dddc],.form-input[data-v-c2b7dddc],.form-select[data-v-c2b7dddc],.form-textarea[data-v-c2b7dddc]{width:100%;box-sizing:border-box}.article-actions[data-v-c2b7dddc]{margin:.5rem;flex-direction:column;gap:.5rem;width:100%;box-sizing:border-box}.action-btn[data-v-c2b7dddc]{width:100%;justify-content:center}}@keyframes fadeIn-c2b7dddc{0%{opacity:0}to{opacity:1}}@keyframes fadeOut-c2b7dddc{0%{opacity:1}to{opacity:0}}@keyframes slideInUp-c2b7dddc{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideOutDown-c2b7dddc{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(30px) scale(.95)}}.video-modal-overlay[data-v-2ff56770]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1200;animation:fadeIn-2ff56770 .3s ease}.video-modal-container[data-v-2ff56770]{position:relative;width:90%;max-width:1000px;max-height:90vh;background:#fff;border-radius:1rem;border:1px solid #e5e7eb;overflow:hidden;animation:slideIn-2ff56770 .3s ease}.video-player-wrapper[data-v-2ff56770]{position:relative;width:100%;height:100%}.close-btn[data-v-2ff56770]{position:absolute;top:1rem;right:1rem;background:hsla(0,0%,100%,.9);border:1px solid #e5e7eb;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;z-index:200;backdrop-filter:blur(10px)}.close-btn[data-v-2ff56770]:hover{background:#fff;color:#374151;transform:scale(1.05)}.modal-video[data-v-2ff56770]{width:100%;height:auto;max-height:70vh;-o-object-fit:contain;object-fit:contain;background:#000}.video-info[data-v-2ff56770]{background:#f8fafc;padding:1.5rem;border-top:1px solid #e2e8f0}.video-info h3[data-v-2ff56770]{margin:0 0 .5rem 0;font-size:1.5rem;font-weight:600;color:#2c3e50}.video-info p[data-v-2ff56770]{margin:0;color:#6b7280;font-size:1rem}.error-overlay[data-v-2ff56770],.loading-overlay[data-v-2ff56770]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.8);color:#fff;z-index:10}.error-overlay i[data-v-2ff56770],.loading-overlay i[data-v-2ff56770]{font-size:2rem;margin-bottom:1rem}.loading-overlay i[data-v-2ff56770]{color:#3b82f6}.error-overlay i[data-v-2ff56770]{color:#ef4444}.retry-btn[data-v-2ff56770]{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;margin-top:1rem;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.retry-btn[data-v-2ff56770]:hover{background:#2563eb;transform:translateY(-1px)}@keyframes fadeIn-2ff56770{0%{opacity:0}to{opacity:1}}@keyframes slideIn-2ff56770{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.video-modal-container[data-v-2ff56770]{width:95%;max-height:85vh}.modal-video[data-v-2ff56770]{max-height:60vh}.video-info[data-v-2ff56770]{padding:1rem}.video-info h3[data-v-2ff56770]{font-size:1.2rem}}.profile-modal-overlay[data-v-876f36d6]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn-876f36d6 .3s ease-out}.profile-modal-overlay.closing[data-v-876f36d6]{animation:fadeOut-876f36d6 .3s ease-in}.profile-modal-container[data-v-876f36d6]{width:100%;max-width:800px;max-height:90vh;overflow-y:auto;border-radius:1rem;box-shadow:0 20px 40px rgba(0,0,0,.15);animation:slideInUp-876f36d6 .4s ease-out}.profile-modal-container.closing[data-v-876f36d6]{animation:slideOutDown-876f36d6 .3s ease-in}.close-btn[data-v-876f36d6]{position:absolute;top:1rem;right:1rem;background:hsla(0,0%,100%,.9);border:1px solid #e5e7eb;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;z-index:200;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.close-btn[data-v-876f36d6]:hover{background:#fff;color:#374151;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.profile-edit-page[data-v-876f36d6]{background:#f8fafc;padding:2rem;position:relative}.container[data-v-876f36d6]{max-width:800px;margin:0 auto;padding:0 2rem}.page-header[data-v-876f36d6]{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.back-btn[data-v-876f36d6]{background:#6b7280;color:#fff;border:none;padding:.75rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.back-btn[data-v-876f36d6]:hover{background:#4b5563;transform:translateY(-2px)}.page-title[data-v-876f36d6]{font-size:2rem;font-weight:700;color:#1f2937;margin:0}.profile-form-container[data-v-876f36d6]{display:flex;justify-content:center}.profile-card[data-v-876f36d6]{background:#fff;border-radius:1rem;padding:2.5rem;box-shadow:0 10px 25px rgba(0,0,0,.1);width:100%;max-width:600px}.avatar-section[data-v-876f36d6]{display:flex;justify-content:center;margin-bottom:2rem}.avatar-container[data-v-876f36d6]{position:relative;width:120px;height:120px}.avatar-image[data-v-876f36d6]{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;overflow:hidden;box-shadow:0 8px 25px rgba(255,107,53,.3)}.avatar-image img[data-v-876f36d6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-upload-btn[data-v-876f36d6]{position:absolute;bottom:-10px;right:-10px;background:#3b82f6;color:#fff;border:none;padding:8px 12px;border-radius:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.8rem;font-weight:500;box-shadow:0 4px 12px rgba(59,130,246,.4);z-index:10}.avatar-upload-btn[data-v-876f36d6]:hover{background:#e55a2b;transform:translateY(-2px)}.upload-text[data-v-876f36d6]{white-space:nowrap}.profile-form[data-v-876f36d6]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-876f36d6]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-876f36d6]{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151;font-size:.9rem}.form-label i[data-v-876f36d6]{color:#3b82f6;width:16px}.form-input[data-v-876f36d6]{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.9rem;transition:all .3s ease;background:#fff}.form-input[data-v-876f36d6]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-input[data-v-876f36d6]:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.password-input[data-v-876f36d6]{position:relative;display:flex;align-items:center}.password-toggle[data-v-876f36d6]{position:absolute;right:1rem;background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:color .3s ease}.password-toggle[data-v-876f36d6]:hover{color:#3b82f6}.form-hint[data-v-876f36d6]{color:#6b7280;font-size:.8rem;margin-top:.25rem}.checkbox-group[data-v-876f36d6]{display:flex;align-items:center}.checkbox-label[data-v-876f36d6]{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:600;color:#374151;font-size:.9rem;padding:.5rem 0}.checkbox-input[data-v-876f36d6]{display:none}.checkbox-custom[data-v-876f36d6]{width:20px;height:20px;border:2px solid #e5e7eb;border-radius:4px;position:relative;transition:all .3s ease;background:#fff}.checkbox-input:checked+.checkbox-custom[data-v-876f36d6]{background:#3b82f6;border-color:#3b82f6}.checkbox-input:checked+.checkbox-custom[data-v-876f36d6]:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-label i[data-v-876f36d6]{color:#3b82f6;width:16px}.email-change-section[data-v-876f36d6],.password-change-section[data-v-876f36d6]{background:#f8fafc;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;margin-top:.5rem;display:flex;flex-direction:column;gap:1.5rem}.captcha-container[data-v-876f36d6]{display:flex;align-items:center;gap:.75rem}.captcha-input[data-v-876f36d6]{flex:1;max-width:150px}.captcha-input-group[data-v-876f36d6]{display:flex;align-items:center;gap:.75rem}.captcha-image[data-v-876f36d6]{width:100px;height:40px;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#f9fafb;transition:all .3s ease}.captcha-image[data-v-876f36d6]:hover{border-color:#3b82f6;background:#eff6ff}.captcha-image img[data-v-876f36d6]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:.5rem}.captcha-loading[data-v-876f36d6]{font-size:.75rem;color:#6b7280}.refresh-captcha-btn[data-v-876f36d6]{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.refresh-captcha-btn[data-v-876f36d6]:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.refresh-captcha-btn i[data-v-876f36d6]{font-size:.875rem}.send-captcha-btn[data-v-876f36d6]{background:#3b82f6;color:#fff;border:none;padding:.875rem 1.5rem;border-radius:.75rem;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1}.send-captcha-btn[data-v-876f36d6]:hover:not(:disabled){background:#e55a2b;transform:translateY(-2px)}.send-captcha-btn[data-v-876f36d6]:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.form-actions[data-v-876f36d6]{display:flex;gap:1rem;margin-top:1rem}.clear-btn[data-v-876f36d6]{background:#dc3545;color:#fff;border:none;padding:.875rem 1.5rem;border-radius:.75rem;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center}.clear-btn[data-v-876f36d6]:hover{background:#c82333;transform:translateY(-2px)}.reset-btn[data-v-876f36d6]{background:#6b7280;color:#fff;border:none;padding:.875rem 1.5rem;border-radius:.75rem;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center}.reset-btn[data-v-876f36d6]:hover{background:#4b5563;transform:translateY(-2px)}.refresh-btn[data-v-876f36d6]{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;padding:.875rem 1.5rem;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center}.refresh-btn[data-v-876f36d6]:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db;color:#374151}.refresh-btn[data-v-876f36d6]:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.submit-btn[data-v-876f36d6]{background:linear-gradient(45deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:.75rem;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem;flex:2;justify-content:center}.submit-btn[data-v-876f36d6]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.3)}.submit-btn[data-v-876f36d6]:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.message[data-v-876f36d6]{position:fixed;top:2rem;right:2rem;padding:1rem 1.5rem;border-radius:.75rem;display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:500;z-index:1000;min-width:300px;box-shadow:0 10px 25px rgba(0,0,0,.1)}.message.success[data-v-876f36d6]{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.message.error[data-v-876f36d6]{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.message.info[data-v-876f36d6]{background:#f0f9ff;border:1px solid #bae6fd;color:#0c4a6e}@media (max-width:768px){.profile-modal-overlay[data-v-876f36d6]{padding:1rem}.profile-modal-container[data-v-876f36d6]{max-width:100%;max-height:95vh}.profile-edit-page[data-v-876f36d6]{padding:1rem}.profile-card[data-v-876f36d6]{padding:2rem 1.5rem}.page-title[data-v-876f36d6]{font-size:1.5rem}.form-actions[data-v-876f36d6]{flex-direction:column}.message[data-v-876f36d6]{top:1rem;right:1rem;left:1rem;min-width:auto}}@keyframes fadeIn-876f36d6{0%{opacity:0}to{opacity:1}}@keyframes fadeOut-876f36d6{0%{opacity:1}to{opacity:0}}@keyframes slideInUp-876f36d6{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideOutDown-876f36d6{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(30px) scale(.95)}}#app{display:flex;flex-direction:column;min-height:100vh}.page-container{flex:1;width:100%;position:relative;overflow:hidden}.page-wrapper{width:100%;height:100%}.page-content{animation:slideInFromRight .4s ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.page-content{animation:none}}.orbit-container[data-v-69874c1b]{position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%);z-index:1}.orbit-icon[data-v-69874c1b]{position:absolute;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#333;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.1);border:2px solid #e0e0e0;transform-origin:250px 250px;transition:all .3s ease}.icon-edge[data-v-69874c1b]{background:transparent;border:none;box-shadow:none}.orbit-icon[data-v-69874c1b]:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,.15)}.icon-avatar[data-v-69874c1b]{top:15px;left:165px}.icon-chrome[data-v-69874c1b]{top:165px;right:15px}.icon-edge[data-v-69874c1b]{bottom:15px;left:165px}.chrome-icon[data-v-69874c1b],.edge-icon[data-v-69874c1b]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;overflow:hidden}.edge-icon[data-v-69874c1b]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:0}.avatar-image[data-v-69874c1b]{width:100%;height:100%;border-radius:50%;overflow:hidden}.avatar-img[data-v-69874c1b]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}@keyframes orbit-rotate-69874c1b{0%{transform:rotate(0deg) translateX(200px) rotate(0deg)}to{transform:rotate(1turn) translateX(200px) rotate(-1turn)}}.profile-section[data-v-1499cb53]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;position:relative;padding:2rem 0}.info-card[data-v-1499cb53]{padding:2.5rem;text-align:center;max-width:400px;width:100%;margin:0;transition:all .3s ease;z-index:2;position:relative;background:hsla(0,0%,100%,.95);border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.1);backdrop-filter:blur(10px)}.card-content[data-v-1499cb53]{display:flex;flex-direction:column;gap:2rem}.name-section[data-v-1499cb53]{display:flex;flex-direction:column;gap:1rem}.name-label[data-v-1499cb53]{font-size:1.1rem;color:#666;margin:0;font-weight:500}.name-text[data-v-1499cb53]{font-size:2.5rem;font-weight:800;margin:0;color:#333;transition:all .5s ease;transform-style:preserve-3d}.divider[data-v-1499cb53]{height:1px;background:#e0e0e0;border-radius:1px;margin:0 2rem}.roles-section[data-v-1499cb53]{display:flex;flex-direction:column;gap:1rem}.roles-label[data-v-1499cb53]{font-size:1.1rem;color:#666;margin:0;font-weight:500}.roles-list[data-v-1499cb53]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.roles-list li[data-v-1499cb53]{font-size:1.1rem;color:#333;font-weight:600;padding:.5rem 0;background:none;border:none;transition:all .3s ease}.roles-list li[data-v-1499cb53]:hover{color:#555;transform:translateY(-2px)}@media (max-width:768px){.profile-section[data-v-1499cb53]{min-height:100vh;padding:1rem 0}.info-card[data-v-1499cb53]{padding:2rem;margin-bottom:2rem;max-width:350px}.name-text[data-v-1499cb53]{font-size:2rem}.divider[data-v-1499cb53]{margin:0 1rem}}@media (max-width:480px){.info-card[data-v-1499cb53]{max-width:320px;padding:1.5rem}.name-text[data-v-1499cb53]{font-size:1.8rem}.name-label[data-v-1499cb53],.roles-label[data-v-1499cb53],.roles-list li[data-v-1499cb53]{font-size:1rem}}.code-section[data-v-5d0ab73c]{padding:60px 0}.section-header[data-v-5d0ab73c]{text-align:center;margin-bottom:50px}.section-title[data-v-5d0ab73c]{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:10px}.section-subtitle[data-v-5d0ab73c]{font-size:1.1rem;color:#6c757d;margin:0}.project-detail[data-v-5d0ab73c]{margin-bottom:40px;overflow:hidden;max-width:900px;margin-left:auto;margin-right:auto}.project-content[data-v-5d0ab73c]{padding:30px}.project-info[data-v-5d0ab73c]{margin-bottom:25px}.project-title[data-v-5d0ab73c]{font-size:1.8rem;font-weight:600;color:#2c3e50;margin-bottom:15px}.project-meta[data-v-5d0ab73c]{display:flex;flex-wrap:wrap;gap:20px}.meta-item[data-v-5d0ab73c]{display:flex;align-items:center;gap:8px;color:#6c757d;font-size:.9rem}.meta-item i[data-v-5d0ab73c]{color:#007bff}.project-description h4[data-v-5d0ab73c]{font-size:1.3rem;font-weight:600;color:#2c3e50;margin:25px 0 15px 0}.project-description p[data-v-5d0ab73c]{color:#495057;line-height:1.6;margin-bottom:20px}.feature-list[data-v-5d0ab73c],.tech-list[data-v-5d0ab73c]{list-style:none;padding:0;margin:0}.feature-list li[data-v-5d0ab73c],.tech-list li[data-v-5d0ab73c]{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:#495057}.feature-list i[data-v-5d0ab73c]{color:#28a745}.tech-list i[data-v-5d0ab73c]{color:#007bff}.project-video[data-v-5d0ab73c]{margin-top:30px}.project-video h4[data-v-5d0ab73c]{font-size:1.3rem;font-weight:600;color:#2c3e50;margin-bottom:20px}.video-container[data-v-5d0ab73c]{position:relative;width:100%;max-width:600px;margin:0 auto}.demo-video[data-v-5d0ab73c]{width:100%;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.1)}@media (max-width:768px){.code-section[data-v-5d0ab73c]{padding:40px 0}.section-title[data-v-5d0ab73c]{font-size:2rem}.project-detail[data-v-5d0ab73c]{max-width:95%;margin-left:auto;margin-right:auto}.project-content[data-v-5d0ab73c]{padding:20px}.project-title[data-v-5d0ab73c]{font-size:1.5rem}.project-meta[data-v-5d0ab73c]{flex-direction:column;gap:10px}}@media (max-width:480px){.project-detail[data-v-5d0ab73c]{max-width:100%;margin-left:0;margin-right:0}.project-content[data-v-5d0ab73c]{padding:15px}}.game-section[data-v-179ebeaf]{padding:80px 0;background:#fff}.section-header[data-v-179ebeaf]{text-align:center;margin-bottom:3rem;color:#333}.section-title[data-v-179ebeaf]{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:10px}.section-subtitle[data-v-179ebeaf]{font-size:1.1rem;color:#6c757d;margin:0}.games-section[data-v-179ebeaf]{color:#333}.game-category[data-v-179ebeaf]{margin-bottom:3rem;padding:2rem;transition:all .3s ease;position:relative;max-width:1000px;margin-left:auto;margin-right:auto}.game-category[data-v-179ebeaf]:hover{transform:translateY(-2px)}.category-header[data-v-179ebeaf]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.category-title[data-v-179ebeaf]{font-size:1.8rem;font-weight:700;margin:0;color:#2c3e50}.video-count[data-v-179ebeaf]{background:#f3f4f6;color:#6b7280;padding:.5rem 1rem;border-radius:1rem;font-size:.9rem;border:1px solid #e5e7eb}.video-slider-container[data-v-179ebeaf]{position:relative;display:flex;align-items:center;gap:1rem}.slider-btn[data-v-179ebeaf]{background:#fff;border:1px solid #e5e7eb;box-shadow:0 2px 4px rgba(0,0,0,.1);width:40px;height:40px;border-radius:50%;color:#333;font-size:1.2rem;cursor:pointer;transition:all .3s ease;z-index:2}.slider-btn[data-v-179ebeaf]:hover:not(:disabled){background:#f9fafb;transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.15)}.slider-btn[data-v-179ebeaf]:disabled{opacity:.3;cursor:not-allowed}.video-slider[data-v-179ebeaf]{flex:1;overflow:hidden;border-radius:1rem}.video-list[data-v-179ebeaf]{display:flex;gap:20px;width:-moz-fit-content;width:fit-content}.video-card[data-v-179ebeaf]{width:300px;background:#fff;border-radius:1rem;overflow:hidden;border:1px solid #e5e7eb;box-shadow:0 8px 25px rgba(0,0,0,.15);transition:all .3s ease;cursor:pointer;flex-shrink:0}.video-card[data-v-179ebeaf]:hover{transform:translateY(-10px);box-shadow:0 25px 50px rgba(0,0,0,.25)}.video-thumbnail[data-v-179ebeaf]{position:relative;height:180px;overflow:hidden}.thumbnail-video[data-v-179ebeaf]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.video-card:hover .thumbnail-video[data-v-179ebeaf]{transform:scale(1.1)}.play-overlay[data-v-179ebeaf]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:rgba(255,107,53,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;transition:all .3s ease;opacity:0}.video-card:hover .play-overlay[data-v-179ebeaf]{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.video-info[data-v-179ebeaf]{padding:1rem}.video-info h4[data-v-179ebeaf]{margin:0 0 .5rem 0;font-size:1.1rem;font-weight:600;color:#2c3e50}.video-info p[data-v-179ebeaf]{margin:0 0 .8rem 0;opacity:.8;font-size:.9rem;color:#6c757d;line-height:1.4}.video-meta[data-v-179ebeaf]{display:flex;gap:1rem}.meta-item[data-v-179ebeaf]{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:#9ca3af}.meta-item i[data-v-179ebeaf]{font-size:.7rem}.empty-state[data-v-179ebeaf],.error-state[data-v-179ebeaf],.loading-state[data-v-179ebeaf]{text-align:center;padding:4rem 2rem;color:#6c757d}.preload-progress[data-v-179ebeaf]{text-align:center;padding:2rem;background:#f8f9fa;border-radius:.5rem;margin:1rem 0;max-width:500px;margin-left:auto;margin-right:auto}.progress-bar[data-v-179ebeaf]{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-fill[data-v-179ebeaf]{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .3s ease}.progress-text[data-v-179ebeaf]{font-size:.9rem;color:#6c757d;margin:0}.empty-state i[data-v-179ebeaf],.error-state i[data-v-179ebeaf],.loading-state i[data-v-179ebeaf]{font-size:3rem;margin-bottom:1rem;opacity:.7}.error-state i[data-v-179ebeaf]{color:#dc3545}.retry-btn[data-v-179ebeaf]{background:linear-gradient(45deg,#17a2b8,#138496);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-top:1rem;display:inline-flex;align-items:center;gap:.5rem}.retry-btn[data-v-179ebeaf]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(23,162,184,.3)}@media (max-width:768px){.game-section[data-v-179ebeaf]{padding:60px 0}.section-title[data-v-179ebeaf]{font-size:2rem}.game-category[data-v-179ebeaf]{padding:1.5rem;max-width:95%;margin-left:auto;margin-right:auto}.category-header[data-v-179ebeaf]{flex-direction:column;align-items:flex-start;gap:.5rem}.video-card[data-v-179ebeaf]{width:250px}.video-list[data-v-179ebeaf]{gap:15px}.slider-btn[data-v-179ebeaf]{width:35px;height:35px;font-size:1rem}}@media (max-width:480px){.game-category[data-v-179ebeaf]{max-width:100%;margin-left:0;margin-right:0;padding:1rem}.video-card[data-v-179ebeaf]{width:200px}.video-list[data-v-179ebeaf]{gap:10px}}.music-section[data-v-6cae7813]{padding:80px 0;background:#fff}.section-header[data-v-6cae7813]{text-align:center;margin-bottom:3rem;color:#333}.section-title[data-v-6cae7813]{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:10px}.section-subtitle[data-v-6cae7813]{font-size:1.1rem;color:#6c757d;margin:0}.search-section[data-v-6cae7813]{margin-bottom:3rem}.search-container[data-v-6cae7813]{max-width:600px;margin:0 auto;position:relative;display:flex;background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease}.search-container[data-v-6cae7813]:focus-within{box-shadow:0 0 0 3px rgba(102,126,234,.1);background:#fff}.search-input[data-v-6cae7813]{flex:1;padding:1rem 1.5rem;border:none;outline:none;font-size:1rem;background:transparent;color:#333;width:100%}.search-input[data-v-6cae7813]::-moz-placeholder{color:#999}.search-input[data-v-6cae7813]::placeholder{color:#999}.music-content[data-v-6cae7813]{max-width:1200px;margin:0 auto}.music-list[data-v-6cae7813]{background:transparent;border-radius:12px;overflow:hidden;transition:all .3s ease;max-width:700px;margin-left:auto;margin-right:auto}.list-header[data-v-6cae7813]{display:grid;grid-template-columns:50px 2.2fr 1.8fr 70px;gap:.8rem;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e9ecef;font-weight:600;color:#666;font-size:.9rem}.header-cell[data-v-6cae7813]{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .3s ease}.header-cell[data-v-6cae7813]:last-child{justify-content:center}.header-cell[data-v-6cae7813]:hover{color:#667eea}.header-cell span[data-v-6cae7813]{font-weight:600}.header-cell i[data-v-6cae7813]{font-size:.75rem;color:#999}.list-title[data-v-6cae7813]{padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e9ecef;font-weight:600;color:#666;font-size:.9rem}.list-title h3[data-v-6cae7813]{margin:0;color:#2c3e50;font-size:1.1rem}.song-list[data-v-6cae7813]{max-height:400px;overflow-y:auto;overflow-x:hidden}.song-item[data-v-6cae7813]{display:grid;grid-template-columns:50px 2.2fr 1.8fr 70px;gap:.8rem;padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0;transition:all .3s ease;cursor:pointer;align-items:center}.song-item[data-v-6cae7813]:hover{background:#fff}.song-item.active[data-v-6cae7813]{background:rgba(102,126,234,.05);border-left:3px solid #667eea}.song-item[data-v-6cae7813]:nth-child(2n){background:#fff}.song-item[data-v-6cae7813]:nth-child(2n):hover{background:#e9ecef}.song-item:nth-child(2n).active[data-v-6cae7813]{background:rgba(102,126,234,.1)}.song-index[data-v-6cae7813]{display:flex;align-items:center;justify-content:center;color:#999;font-weight:500;font-size:.9rem}.playing-indicator[data-v-6cae7813]{display:flex;align-items:center;gap:2px;height:16px;justify-content:center}.playing-indicator .bar[data-v-6cae7813]{width:2px;height:100%;background:#667eea;border-radius:1px;animation:soundBars-6cae7813 1.2s ease-in-out infinite}.playing-indicator .bar[data-v-6cae7813]:first-child{animation-delay:0s}.playing-indicator .bar[data-v-6cae7813]:nth-child(2){animation-delay:.2s}.playing-indicator .bar[data-v-6cae7813]:nth-child(3){animation-delay:.4s}@keyframes soundBars-6cae7813{0%,40%,to{height:8px}20%{height:16px}}.loading-indicator[data-v-6cae7813]{display:flex;align-items:center;justify-content:center;color:#667eea;font-size:.9rem}.loading-indicator i[data-v-6cae7813]{animation:spin-6cae7813 1s linear infinite}@keyframes spin-6cae7813{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.song-title[data-v-6cae7813]{font-weight:500;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist[data-v-6cae7813]{color:#6c757d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-duration[data-v-6cae7813]{color:#6c757d;text-align:center;font-size:.9rem}.no-music[data-v-6cae7813]{text-align:center;padding:4rem 2rem;color:#6c757d}.no-music i[data-v-6cae7813]{font-size:3rem;margin-bottom:1rem;opacity:.5}.player-controls[data-v-6cae7813]{background:#fff;border-bottom:1px solid #e9ecef;padding:1rem 1.5rem;transition:all .3s ease;border-radius:0;margin:0;box-shadow:none}.player-controls[data-v-6cae7813]:hover{box-shadow:none}.player-info[data-v-6cae7813]{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.song-cover[data-v-6cae7813]{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0}.song-details h4[data-v-6cae7813]{font-size:.9rem;font-weight:600;color:#1f2937}.song-details h4[data-v-6cae7813],.song-details p[data-v-6cae7813]{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.song-details p[data-v-6cae7813]{font-size:.8rem;color:#6b7280}.control-buttons[data-v-6cae7813]{display:flex;justify-content:center;gap:1rem;align-items:center;margin-bottom:1rem}.control-btn[data-v-6cae7813]{background:none;border:none;color:#6b7280;cursor:pointer;padding:.75rem;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.control-btn[data-v-6cae7813]:hover{background:rgba(156,163,175,.1);color:#374151;transform:scale(1.1)}.control-btn.play-pause[data-v-6cae7813]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:50px;height:50px;position:relative}.control-btn.play-pause[data-v-6cae7813]:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:scale(1.1)}.control-btn.play-pause[data-v-6cae7813]:disabled{cursor:not-allowed}.control-btn[data-v-6cae7813]:disabled{opacity:.5;cursor:not-allowed;transform:none}.control-btn[data-v-6cae7813]:disabled:hover{background:none;transform:none}.control-btn.play-pause[data-v-6cae7813]:disabled{background:#e5e7eb;color:#9ca3af}.control-btn.play-pause[data-v-6cae7813]:disabled:hover{background:#e5e7eb;transform:none}.progress-section[data-v-6cae7813]{display:flex;align-items:center;gap:.75rem}.time-display[data-v-6cae7813]{font-size:.8rem;color:#6b7280;font-weight:500;min-width:40px;text-align:center}.progress-slider[data-v-6cae7813]{flex:1;height:4px;border-radius:2px;background:#e5e7eb;outline:none;cursor:pointer;-webkit-appearance:none}.progress-slider[data-v-6cae7813]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer}.progress-slider[data-v-6cae7813]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer;border:none}.progress-slider[data-v-6cae7813]:disabled{opacity:.5;cursor:not-allowed}.progress-slider[data-v-6cae7813]:disabled::-webkit-slider-thumb{background:#9ca3af;cursor:not-allowed}.progress-slider[data-v-6cae7813]:disabled::-moz-range-thumb{background:#9ca3af;cursor:not-allowed}.error-state[data-v-6cae7813],.loading-state[data-v-6cae7813]{text-align:center;padding:4rem 2rem;color:#6c757d}.error-state i[data-v-6cae7813],.loading-state i[data-v-6cae7813]{font-size:3rem;margin-bottom:1rem;opacity:.7}.error-state i[data-v-6cae7813]{color:#dc3545}.retry-btn[data-v-6cae7813]{background:linear-gradient(45deg,#17a2b8,#138496);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-top:1rem;display:inline-flex;align-items:center;gap:.5rem}.retry-btn[data-v-6cae7813]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(23,162,184,.3)}.play-error-message[data-v-6cae7813]{background:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:.75rem 1rem;border-radius:.5rem;margin:1rem 0;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.play-error-message i[data-v-6cae7813]{color:#f39c12;font-size:1.1rem}@media (max-width:768px){.music-section[data-v-6cae7813]{padding:60px 0}.section-title[data-v-6cae7813]{font-size:2.5rem}.music-content[data-v-6cae7813]{grid-template-columns:1fr;gap:1.5rem}.music-list[data-v-6cae7813]{max-width:95%;margin-left:auto;margin-right:auto}.list-header[data-v-6cae7813],.song-item[data-v-6cae7813]{grid-template-columns:45px 2.2fr 1.8fr 65px;gap:.8rem;padding:.8rem 1rem}.search-container[data-v-6cae7813]{margin:0 1rem}.player-controls[data-v-6cae7813]{padding:1rem}.player-info[data-v-6cae7813]{flex-direction:column;text-align:center;gap:.5rem}.song-details h4[data-v-6cae7813],.song-details p[data-v-6cae7813]{max-width:100%}.control-buttons[data-v-6cae7813]{gap:.5rem}.control-btn[data-v-6cae7813]{width:35px;height:35px;padding:.5rem}.control-btn.play-pause[data-v-6cae7813]{width:45px;height:45px}}@media (max-width:480px){.music-list[data-v-6cae7813]{max-width:100%;margin-left:0;margin-right:0}.search-container[data-v-6cae7813]{margin:0 .5rem}.section-title[data-v-6cae7813]{font-size:2rem}}.modal-overlay[data-v-6cae7813]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-container[data-v-6cae7813]{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn-6cae7813 .3s ease-out}@keyframes modalSlideIn-6cae7813{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-6cae7813]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e9ecef}.modal-header h3[data-v-6cae7813]{margin:0;color:#2c3e50;font-size:1.3rem;font-weight:600}.modal-header .close-btn[data-v-6cae7813]{background:none;border:none;color:#6c757d;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-header .close-btn[data-v-6cae7813]:hover{background:#f8f9fa;color:#495057}.modal-body[data-v-6cae7813]{padding:1.5rem}.form-group[data-v-6cae7813]{margin-bottom:1.5rem}.form-label[data-v-6cae7813]{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:500;font-size:.9rem}.required[data-v-6cae7813]{color:#dc3545}.form-input[data-v-6cae7813]{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:6px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-input[data-v-6cae7813]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-input[data-v-6cae7813]::-moz-placeholder{color:#6c757d}.form-input[data-v-6cae7813]::placeholder{color:#6c757d}.form-actions[data-v-6cae7813]{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.btn[data-v-6cae7813]{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn[data-v-6cae7813]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-6cae7813]{background:#6c757d;color:#fff}.btn-secondary[data-v-6cae7813]:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.btn-primary[data-v-6cae7813]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-6cae7813]:hover:not(:disabled){background:linear-gradient(45deg,#5a67d8,#6b46c1);transform:translateY(-1px)}@media (max-width:768px){.modal-container[data-v-6cae7813]{margin:1rem;max-width:calc(100% - 2rem)}.modal-body[data-v-6cae7813],.modal-header[data-v-6cae7813]{padding:1rem}.form-actions[data-v-6cae7813]{flex-direction:column}.btn[data-v-6cae7813]{width:100%;justify-content:center}}.forum-section[data-v-4678b8ac]{padding:60px 0}.section-header[data-v-4678b8ac]{text-align:center;margin-bottom:50px}.section-title[data-v-4678b8ac]{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:10px}.section-subtitle[data-v-4678b8ac]{font-size:1.1rem;color:#6c757d;margin:0}.action-bar[data-v-4678b8ac]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px;max-width:900px;margin-left:auto;margin-right:auto}.search-container[data-v-4678b8ac]{flex:1;max-width:500px}.search-box[data-v-4678b8ac]{display:flex;align-items:center;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e9ecef}.search-icon[data-v-4678b8ac]{padding:0 15px;color:#6c757d}.search-input[data-v-4678b8ac]{flex:1;padding:15px 0;border:none;outline:none;font-size:1rem}.category-dropdown[data-v-4678b8ac]{position:relative}.category-select[data-v-4678b8ac]{padding:15px 20px;background:#2c3e50;color:#fff;border:none;border-radius:0;cursor:pointer;transition:background .3s ease;font-size:1rem;min-width:120px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23fff" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');background-repeat:no-repeat;background-position:right 15px center;background-size:8px;padding-right:35px}.category-select[data-v-4678b8ac]:hover{background-color:#34495e}.category-select[data-v-4678b8ac]:focus{outline:none;background-color:#34495e}.category-select option[data-v-4678b8ac]{background:#2c3e50;color:#fff;padding:10px}.action-buttons[data-v-4678b8ac]{display:flex;gap:12px;align-items:center}.create-btn[data-v-4678b8ac],.login-btn[data-v-4678b8ac],.reload-btn[data-v-4678b8ac]{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;text-decoration:none;display:flex;align-items:center;gap:8px;transition:all .3s ease}.create-btn[data-v-4678b8ac]{background:#2c3e50;color:#fff}.create-btn[data-v-4678b8ac]:hover{background:#34495e}.login-btn[data-v-4678b8ac]{background:#6c757d;color:#fff}.login-btn[data-v-4678b8ac]:hover{background:#5a6268}.reload-btn[data-v-4678b8ac]{background:#17a2b8;color:#fff}.reload-btn[data-v-4678b8ac]:hover:not(:disabled){background:#138496}.reload-btn[data-v-4678b8ac]:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.reload-btn .fa-spin[data-v-4678b8ac]{animation:spin-4678b8ac 1s linear infinite}@keyframes spin-4678b8ac{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.articles-section[data-v-4678b8ac]{background:#fff;border-radius:8px;padding:30px;border:1px solid #e9ecef;max-width:900px;margin:0 auto}.articles-section .section-header[data-v-4678b8ac]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;text-align:left}.articles-section .section-title[data-v-4678b8ac]{font-size:1.5rem;margin:0}.article-count[data-v-4678b8ac]{color:#6c757d;font-size:.9rem}.loading-state[data-v-4678b8ac]{text-align:center;padding:40px;color:#6c757d}.loading-state i[data-v-4678b8ac]{font-size:2rem;margin-bottom:15px}.articles-list[data-v-4678b8ac]{display:flex;flex-direction:column;gap:20px;min-height:450px}.article-card[data-v-4678b8ac]{border:1px solid #e9ecef;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;background:#fff}.article-card[data-v-4678b8ac]:hover{transform:translateY(-2px);border-color:#2c3e50}.empty-article[data-v-4678b8ac]{visibility:hidden;pointer-events:none}.article-content-wrapper[data-v-4678b8ac]{display:flex;gap:20px;padding:20px}.article-cover[data-v-4678b8ac]{flex-shrink:0;width:252px;height:168px;border-radius:6px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.cover-image[data-v-4678b8ac]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.placeholder-cover[data-v-4678b8ac]{color:#6c757d;font-size:2rem}.article-info[data-v-4678b8ac]{flex:1;display:flex;flex-direction:column;gap:10px}.article-header[data-v-4678b8ac]{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.article-title[data-v-4678b8ac]{font-size:1.2rem;font-weight:600;color:#2c3e50;margin:0;line-height:1.4}.article-meta-header[data-v-4678b8ac]{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}.article-category[data-v-4678b8ac]{background:#fff;color:#2c3e50;padding:2px 8px;border-radius:4px;font-size:.8rem;border:1px solid #e9ecef}.article-date[data-v-4678b8ac]{color:#6c757d;font-size:.8rem}.article-author-info[data-v-4678b8ac]{display:flex;align-items:center;gap:10px}.author-avatar[data-v-4678b8ac]{width:32px;height:32px;border-radius:50%;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.avatar-image[data-v-4678b8ac]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder[data-v-4678b8ac]{color:#6c757d;font-size:1rem}.author-details[data-v-4678b8ac]{display:flex;flex-direction:column;gap:2px}.author-name[data-v-4678b8ac]{font-weight:500;color:#2c3e50;font-size:.9rem}.publish-time[data-v-4678b8ac]{color:#6c757d;font-size:.8rem}.article-excerpt[data-v-4678b8ac]{color:#495057;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-stats[data-v-4678b8ac]{display:flex;gap:1rem;font-size:.8rem;color:#6c757d;margin:.5rem 0}.article-stats span[data-v-4678b8ac]{display:flex;align-items:center;gap:.25rem}.article-stats i[data-v-4678b8ac]{font-size:.75rem}.article-tags[data-v-4678b8ac]{display:flex;gap:8px;flex-wrap:wrap}.tag[data-v-4678b8ac]{background:#fff;color:#6c757d;padding:2px 8px;border-radius:4px;font-size:.8rem}.more-tags[data-v-4678b8ac]{background:#e9ecef;color:#495057}.empty-state[data-v-4678b8ac]{text-align:center;padding:60px;color:#6c757d}.empty-state i[data-v-4678b8ac]{font-size:3rem;margin-bottom:15px;opacity:.5}.pagination[data-v-4678b8ac]{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.page-btn[data-v-4678b8ac]{background:#2c3e50;color:#fff;border:none;padding:.5rem .75rem;border-radius:.25rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.page-btn[data-v-4678b8ac]:hover:not(:disabled){background:#34495e}.page-btn[data-v-4678b8ac]:disabled{background:#cbd5e1;cursor:not-allowed}.page-info[data-v-4678b8ac]{color:#6c757d;font-size:.9rem}@media (max-width:768px){.forum-section[data-v-4678b8ac]{padding:40px 0}.section-title[data-v-4678b8ac]{font-size:2rem}.action-bar[data-v-4678b8ac]{flex-direction:column;align-items:stretch;margin-left:20px;margin-right:20px}.action-buttons[data-v-4678b8ac]{flex-direction:column;gap:8px;width:100%}.create-btn[data-v-4678b8ac],.login-btn[data-v-4678b8ac],.reload-btn[data-v-4678b8ac]{width:100%;justify-content:center}.search-container[data-v-4678b8ac]{max-width:none}.articles-section[data-v-4678b8ac]{padding:20px;margin-left:20px;margin-right:20px}.article-content-wrapper[data-v-4678b8ac]{flex-direction:column;gap:15px}.article-cover[data-v-4678b8ac]{width:100%;height:150px}.article-header[data-v-4678b8ac]{flex-direction:column;align-items:flex-start;gap:10px}.article-meta-header[data-v-4678b8ac]{align-items:flex-start}.pagination[data-v-4678b8ac]{flex-direction:column;gap:.75rem}}.about-section[data-v-5adc64c5]{padding:60px 0;max-width:900px;margin:0 auto}.section-header[data-v-5adc64c5]{text-align:center;margin-bottom:50px}.section-title[data-v-5adc64c5]{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:10px}.section-subtitle[data-v-5adc64c5]{font-size:1.1rem;color:#6c757d;margin:0}.info-section[data-v-5adc64c5]{margin-bottom:2rem;width:100%;display:flex;justify-content:center}.info-card[data-v-5adc64c5]{padding:2.5rem;width:100%;max-width:900px;box-sizing:border-box;background:#fff;border:1px solid #e9ecef;border-radius:8px}.card-header[data-v-5adc64c5]{display:flex;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.card-header i[data-v-5adc64c5]{font-size:1.5rem;color:#667eea;margin-right:.5rem}.card-header h3[data-v-5adc64c5]{font-size:1.8rem;font-weight:600;color:#333;margin:0}.card-content[data-v-5adc64c5]{line-height:1.8;color:#555;width:100%;box-sizing:border-box}.card-content p[data-v-5adc64c5]{margin-bottom:1rem;font-size:1.1rem;word-wrap:break-word;overflow-wrap:break-word}.card-content p[data-v-5adc64c5]:last-child{margin-bottom:0}.version-item[data-v-5adc64c5]{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;border-left:4px solid #667eea;border:1px solid #e8ecff;width:100%;box-sizing:border-box}.version-item[data-v-5adc64c5]:last-child{margin-bottom:0}.version-header[data-v-5adc64c5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.version-header[data-v-5adc64c5]:hover{background-color:rgba(102,126,234,.05)}.version-header[data-v-5adc64c5]:active{background-color:rgba(102,126,234,.1);transform:scale(.98)}.version-info[data-v-5adc64c5]{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.version-number[data-v-5adc64c5]{font-size:1.3rem;font-weight:700;color:#667eea;background:rgba(102,126,234,.1);padding:.3rem .8rem;border-radius:20px;white-space:nowrap}.version-date[data-v-5adc64c5]{color:#888;font-size:.95rem;white-space:nowrap}.version-count[data-v-5adc64c5]{font-size:.9rem;color:#888;margin-left:.5rem;white-space:nowrap}.version-toggle[data-v-5adc64c5]{transition:all .3s ease;color:#667eea;font-size:1.1rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(102,126,234,.1)}.version-toggle[data-v-5adc64c5]:hover{background:rgba(102,126,234,.2);transform:scale(1.1)}.version-toggle i[data-v-5adc64c5]{transition:transform .3s ease}.version-content[data-v-5adc64c5]{overflow:hidden;max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(-10px)}.version-content.expanded[data-v-5adc64c5]{max-height:1000px;opacity:1;transform:translateY(0);transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease .1s,transform .3s ease .1s}.version-features[data-v-5adc64c5]{list-style:none;padding:0;margin:0;padding-left:1rem}.version-features li[data-v-5adc64c5]{padding:.5rem 0;font-size:1rem;color:#555;border-bottom:1px solid #eee;position:relative;transition:all .3s ease}.version-features li[data-v-5adc64c5]:hover{color:#667eea;padding-left:.5rem}.version-features li[data-v-5adc64c5]:before{content:"•";color:#667eea;font-weight:700;position:absolute;left:-1rem;transition:all .3s ease}.version-features li[data-v-5adc64c5]:hover:before{transform:scale(1.2)}.version-features li[data-v-5adc64c5]:last-child{border-bottom:none}.version-container[data-v-5adc64c5]{position:relative}.version-toggle-all[data-v-5adc64c5]{margin-top:20px;text-align:center;padding-top:15px;border-top:1px solid #e9ecef}.toggle-btn[data-v-5adc64c5]{background:#667eea;color:#fff;border:none;padding:10px 20px;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.toggle-btn[data-v-5adc64c5]:hover{background:#5a6fd8;transform:translateY(-2px)}.toggle-btn i[data-v-5adc64c5]{font-size:.8rem}.tech-stack[data-v-5adc64c5]{display:grid;gap:30px}.tech-category[data-v-5adc64c5]{padding:20px;background:#fff;border-radius:8px;border-left:4px solid #667eea}.category-header[data-v-5adc64c5]{display:flex;align-items:center;gap:10px;margin-bottom:15px}.category-header i[data-v-5adc64c5]{font-size:1.2rem;color:#667eea}.tech-category h4[data-v-5adc64c5]{color:#2c3e50;font-size:1.2rem;margin:0;font-weight:600}.tech-tags[data-v-5adc64c5]{display:flex;flex-wrap:wrap;gap:8px}.tech-tag[data-v-5adc64c5]{background:#fff;color:#667eea;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;border:2px solid #667eea;transition:all .3s ease;display:inline-flex;align-items:center}.tech-tag[data-v-5adc64c5]:hover{background:#667eea;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.about-section[data-v-5adc64c5]{padding:40px 0}.section-title[data-v-5adc64c5]{font-size:2rem}.info-card[data-v-5adc64c5]{padding:1.5rem;margin-left:20px;margin-right:20px}.card-header[data-v-5adc64c5]{flex-direction:column;align-items:flex-start}.card-header i[data-v-5adc64c5]{margin-bottom:.5rem}.version-header[data-v-5adc64c5],.version-info[data-v-5adc64c5]{flex-direction:column;align-items:flex-start;gap:.5rem}.version-toggle[data-v-5adc64c5]{position:absolute;top:1rem;right:1rem}.version-item[data-v-5adc64c5]{padding:1rem}.version-features li[data-v-5adc64c5]{font-size:.95rem;padding:.4rem 0}.tech-category[data-v-5adc64c5]{padding:15px}.tech-tags[data-v-5adc64c5]{gap:6px}.tech-tag[data-v-5adc64c5]{font-size:.8rem;padding:6px 12px}.category-header[data-v-5adc64c5]{gap:8px}.category-header i[data-v-5adc64c5]{font-size:1rem}.toggle-btn[data-v-5adc64c5]{padding:8px 16px;font-size:.8rem}}.lazy-section[data-v-62431409]{position:relative;min-height:200px}.loading-placeholder[data-v-62431409]{display:flex;align-items:center;justify-content:center;min-height:200px;background:#f8f9fa;border-radius:8px;margin:20px 0}.placeholder-content[data-v-62431409]{text-align:center;color:#6b7280}.placeholder-icon[data-v-62431409]{font-size:2rem;margin-bottom:1rem;color:#3b82f6}.placeholder-text[data-v-62431409]{font-size:1rem;font-weight:500}.section-content[data-v-62431409]{opacity:0;animation:fadeIn-62431409 .5s ease-out forwards}@keyframes fadeIn-62431409{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.lazy-section[data-v-62431409],.loading-placeholder[data-v-62431409]{min-height:150px}.placeholder-icon[data-v-62431409]{font-size:1.5rem}.placeholder-text[data-v-62431409]{font-size:.875rem}}.main[data-v-4b564eca]{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background:#fff}.content-container[data-v-4b564eca],.main[data-v-4b564eca]{width:100%;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}.section[data-v-4b564eca]{padding:60px 0;position:relative;transition:all .3s ease;border-bottom:none;width:100%;max-width:100%}.profile-section[data-v-4b564eca]{padding-top:0;border-bottom:none}.about-section[data-v-4b564eca],.profile-section[data-v-4b564eca]{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;max-width:100vw}.about-section[data-v-4b564eca]{padding-bottom:0}.section[data-v-4b564eca]:nth-child(odd){background:#fff}.section[data-v-4b564eca]:nth-child(2n){background:#fff}.code-section[data-v-4b564eca],.forum-section[data-v-4b564eca],.game-section[data-v-4b564eca],.music-section[data-v-4b564eca],.section[data-v-4b564eca]:nth-child(2n){margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;max-width:100vw}.container[data-v-4b564eca]{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}@media (max-width:1200px){.container[data-v-4b564eca]{max-width:100%;padding:0 2rem}}@media (max-width:768px){.container[data-v-4b564eca]{padding:0 15px}.section[data-v-4b564eca]{padding:40px 0}.profile-section[data-v-4b564eca]{padding-top:0}.about-section[data-v-4b564eca]{padding-bottom:0}.section[data-v-4b564eca]:nth-child(2n){margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;max-width:100vw}}@media (max-width:480px){.section[data-v-4b564eca]{padding:30px 0}.container[data-v-4b564eca]{padding:0 10px}}.pending-comments-section[data-v-d446dfb8]{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:8px;border-left:4px solid #ffc107}.pending-comments-header[data-v-d446dfb8]{margin-bottom:15px}.pending-comments-header h4[data-v-d446dfb8]{color:#856404;margin:0;font-size:16px;font-weight:600}.pending-comments-list[data-v-d446dfb8]{display:flex;flex-direction:column;gap:12px}.pending-comment-item[data-v-d446dfb8]{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fff;border-radius:6px;border:1px solid #e9ecef;transition:all .2s ease}.pending-comment-item.rejected[data-v-d446dfb8]{border-color:#dc3545;background:#fff5f5}.pending-comment-status[data-v-d446dfb8]{display:flex;align-items:center;gap:6px;min-width:80px;flex-shrink:0}.status-icon[data-v-d446dfb8]{font-size:14px}.status-icon.pending[data-v-d446dfb8]{color:#ffc107}.status-icon.rejected[data-v-d446dfb8]{color:#dc3545}.status-text[data-v-d446dfb8]{font-size:12px;font-weight:500;color:#6c757d}.pending-comment-content[data-v-d446dfb8]{flex:1;min-width:0}.pending-comment-text[data-v-d446dfb8]{color:#495057;line-height:1.5;margin-bottom:6px;word-break:break-word}.pending-comment-text[data-v-d446dfb8] p{margin:0 0 8px 0}.pending-comment-text[data-v-d446dfb8] p:last-child{margin-bottom:0}.pending-comment-time[data-v-d446dfb8]{font-size:11px;color:#6c757d}.pending-comment-actions[data-v-d446dfb8]{display:flex;align-items:center;gap:8px}.delete-pending-btn[data-v-d446dfb8]{background:#dc3545;color:#fff;border:none;border-radius:4px;padding:6px 8px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.delete-pending-btn[data-v-d446dfb8]:hover{background:#c82333}.delete-pending-btn i[data-v-d446dfb8]{font-size:10px}.article-modal-overlay[data-v-d446dfb8]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn-d446dfb8 .3s ease-out}.article-modal-overlay.closing[data-v-d446dfb8]{animation:fadeOut-d446dfb8 .3s ease-in}.article-modal-container[data-v-d446dfb8]{width:100%;max-width:1200px;max-height:90vh;overflow:hidden;border-radius:1rem;box-shadow:0 20px 40px rgba(0,0,0,.15);display:flex;flex-direction:column;animation:slideInUp-d446dfb8 .4s ease-out}.article-modal-container.closing[data-v-d446dfb8]{animation:slideOutDown-d446dfb8 .3s ease-in}.article-detail-page[data-v-d446dfb8]{height:100%;background:#f8fafc;position:relative;display:flex;flex-direction:column;overflow:hidden}.close-btn[data-v-d446dfb8]{position:absolute;top:1rem;right:1rem;background:hsla(0,0%,100%,.9);border:1px solid #e5e7eb;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;z-index:200;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.close-btn[data-v-d446dfb8]:hover{background:#fff;color:#374151;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.page-header[data-v-d446dfb8]{position:relative;background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 0;flex-shrink:0;z-index:100}.page-header .container[data-v-d446dfb8]{display:flex;align-items:center;gap:1rem}.article-content-wrapper[data-v-d446dfb8]{flex:1;overflow-y:auto;padding:2rem 0}.back-btn[data-v-d446dfb8]{background:#64748b;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.9rem;transition:background-color .2s}.back-btn[data-v-d446dfb8]:hover{background:#475569}.page-title[data-v-d446dfb8]{font-size:1.5rem;font-weight:600;margin:0;color:#1e293b}.container[data-v-d446dfb8]{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%;box-sizing:border-box}.article-container[data-v-d446dfb8]{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;overflow:hidden;margin:0 auto;max-width:100%;box-shadow:0 1px 3px rgba(0,0,0,.1)}.article-content[data-v-d446dfb8]{padding:2rem 1.5rem;background:linear-gradient(90deg,#fafbfc 0,#fff 5%,#fff 95%,#fafbfc);overflow:hidden}.article-content[data-v-d446dfb8] *{max-width:100%!important;box-sizing:border-box}.article-text[data-v-d446dfb8]{max-width:100%;margin:0 auto;position:relative}.article-text[data-v-d446dfb8] *{max-width:100%!important;box-sizing:border-box}.article-text table[data-v-d446dfb8]{max-width:100%!important;table-layout:fixed;word-wrap:break-word}.article-text p[data-v-d446dfb8]{margin:1rem 0;text-align:justify;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}.article-text h1[data-v-d446dfb8],.article-text h2[data-v-d446dfb8],.article-text h3[data-v-d446dfb8],.article-text h4[data-v-d446dfb8],.article-text h5[data-v-d446dfb8],.article-text h6[data-v-d446dfb8]{margin:1.5rem 0 1rem 0;color:#1e293b;font-weight:600;line-height:1.3}.article-text h1[data-v-d446dfb8]{font-size:1.8rem}.article-text h2[data-v-d446dfb8]{font-size:1.6rem}.article-text h3[data-v-d446dfb8]{font-size:1.4rem}.article-text h4[data-v-d446dfb8]{font-size:1.2rem}.article-text h5[data-v-d446dfb8]{font-size:1.1rem}.article-text h6[data-v-d446dfb8]{font-size:1rem}.article-text p+p[data-v-d446dfb8]{margin-top:1.2rem}.article-text hr[data-v-d446dfb8]{border:none;height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:2rem 0}.article-user-info[data-v-d446dfb8]{padding:1.5rem;border-bottom:1px solid #e2e8f0;justify-content:space-between;flex-wrap:wrap}.article-user-info[data-v-d446dfb8],.author-info[data-v-d446dfb8]{display:flex;align-items:center;gap:1rem}.author-avatar[data-v-d446dfb8]{width:3rem;height:3rem;border-radius:50%;overflow:hidden;background:#e2e8f0;display:flex;align-items:center;justify-content:center}.avatar-image[data-v-d446dfb8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder[data-v-d446dfb8]{font-size:1.5rem;color:#94a3b8}.author-details[data-v-d446dfb8]{display:flex;flex-direction:column;gap:.25rem}.author-name[data-v-d446dfb8]{font-weight:600;color:#1e293b;font-size:1.1rem}.author-id[data-v-d446dfb8]{font-size:.9rem;color:#64748b}.time-info[data-v-d446dfb8]{display:flex;flex-direction:column;gap:.5rem;text-align:right}.article-date[data-v-d446dfb8],.article-update[data-v-d446dfb8]{font-size:.9rem;color:#64748b;display:flex;align-items:center;gap:.5rem}.article-cover[data-v-d446dfb8]{padding:1.5rem;text-align:center;border-bottom:1px solid #e2e8f0}.cover-image[data-v-d446dfb8]{max-width:100%;max-height:400px;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.article-actions[data-v-d446dfb8]{display:flex;gap:1rem}.article-actions[data-v-d446dfb8],.article-title-section[data-v-d446dfb8]{padding:1.5rem;border-bottom:1px solid #e2e8f0}.title-display h2[data-v-d446dfb8]{margin:0;font-size:2rem;font-weight:700;color:#1e293b;line-height:1.2}.title-edit[data-v-d446dfb8]{display:flex;flex-direction:column;gap:1rem}.title-input[data-v-d446dfb8]{width:100%;padding:1rem;border:2px solid #d1d5db;border-radius:.5rem;font-size:1.5rem;font-weight:600;color:#1e293b;outline:none;transition:border-color .2s}.title-input[data-v-d446dfb8]:focus{border-color:#3b82f6}.action-btn[data-v-d446dfb8]{padding:.75rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.5rem}.edit-btn[data-v-d446dfb8]{background:#3b82f6;color:#fff}.edit-btn[data-v-d446dfb8]:hover{background:#2563eb}.delete-btn[data-v-d446dfb8]{background:#ef4444;color:#fff}.delete-btn[data-v-d446dfb8]:hover{background:#dc2626}.save-btn[data-v-d446dfb8]{background:#10b981;color:#fff}.save-btn[data-v-d446dfb8]:hover:not(:disabled){background:#059669}.save-btn[data-v-d446dfb8]:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.cancel-btn[data-v-d446dfb8]{background:#6b7280;color:#fff}.cancel-btn[data-v-d446dfb8]:hover{background:#4b5563}.article-content[data-v-d446dfb8]{padding:1.5rem;border-bottom:1px solid #e2e8f0}.article-text[data-v-d446dfb8]{line-height:1.8;color:#374151;font-size:1.1rem;word-wrap:break-word}.article-text img[data-v-d446dfb8]{max-width:100%!important;max-height:500px!important;width:auto!important;height:auto!important;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin:1rem 0;display:block;transition:transform .3s ease,box-shadow .3s ease;box-sizing:border-box;overflow:hidden;-o-object-fit:contain;object-fit:contain}.article-text[data-v-d446dfb8]{overflow:hidden;word-break:break-word;overflow-wrap:break-word}.article-text img[style*=width][data-v-d446dfb8]{max-width:100%!important;width:auto!important}.article-text img[style*=height][data-v-d446dfb8]{max-height:500px!important;height:auto!important}.article-text img[data-v-d446dfb8]:hover{transform:scale(1.02);box-shadow:0 6px 20px rgba(0,0,0,.15)}.article-text a[data-v-d446dfb8]{color:#3b82f6;text-decoration:none;border-bottom:1px solid transparent;transition:border-bottom-color .3s ease}.article-text a[data-v-d446dfb8]:hover{border-bottom-color:#3b82f6}.article-text code[data-v-d446dfb8]{background:#f1f5f9;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:#dc2626}.article-text pre[data-v-d446dfb8]{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:8px;overflow-x:auto;overflow-y:hidden;white-space:pre;word-wrap:normal;margin:1rem 0;border-left:4px solid #3b82f6;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.5;position:relative}.article-text pre code[data-v-d446dfb8]{background:transparent;color:inherit;padding:0;border-radius:0;white-space:pre;word-wrap:normal;overflow-wrap:normal}.article-text blockquote[data-v-d446dfb8]{border-left:4px solid #3b82f6;margin:1rem 0;padding:1rem 1.5rem;background:#f8fafc;font-style:italic;color:#475569;border-radius:0 8px 8px 0}.article-text ol[data-v-d446dfb8],.article-text ul[data-v-d446dfb8]{margin:1rem 0;padding-left:2rem}.article-text li[data-v-d446dfb8]{margin:.5rem 0;line-height:1.6}.article-text table[data-v-d446dfb8]{width:100%;border-collapse:collapse;margin:1rem 0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.article-text td[data-v-d446dfb8],.article-text th[data-v-d446dfb8]{padding:.75rem;text-align:left;border-bottom:1px solid #e2e8f0}.article-text th[data-v-d446dfb8]{background:#f8fafc;font-weight:600;color:#1e293b}.article-text tr[data-v-d446dfb8]:hover{background:#f8fafc}.article-edit[data-v-d446dfb8]{display:flex;flex-direction:column;gap:2rem}.cover-edit[data-v-d446dfb8]{display:flex;flex-direction:column;gap:1rem}.form-label[data-v-d446dfb8]{font-weight:600;color:#374151;margin-bottom:.5rem}.cover-preview[data-v-d446dfb8]{width:200px;height:120px;border:2px dashed #d1d5db;border-radius:.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.cover-preview-image[data-v-d446dfb8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cover-placeholder[data-v-d446dfb8]{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#9ca3af}.cover-input[data-v-d446dfb8]{display:none}.upload-btn[data-v-d446dfb8]{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-size:.9rem;transition:background-color .2s;align-self:flex-start}.upload-btn[data-v-d446dfb8]:hover{background:#2563eb}.content-edit[data-v-d446dfb8]{display:flex;flex-direction:column;gap:1rem}.comments-section[data-v-d446dfb8]{padding:1.5rem}.comments-header[data-v-d446dfb8]{margin-bottom:1.5rem}.comments-header h4[data-v-d446dfb8]{margin:0;color:#1e293b;font-size:1.2rem}.comment-form[data-v-d446dfb8]{margin-bottom:2rem}.comment-input[data-v-d446dfb8]{width:100%;padding:1rem;border:1px solid #d1d5db;border-radius:.5rem;resize:vertical;font-family:inherit;margin-bottom:1rem}.comment-submit[data-v-d446dfb8]{background:linear-gradient(45deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:.875rem 2rem;border-radius:.75rem;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px rgba(59,130,246,.3);min-width:140px}.comment-submit[data-v-d446dfb8]:hover:not(:disabled){background:linear-gradient(45deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.4)}.comment-submit[data-v-d446dfb8]:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:0 2px 4px rgba(156,163,175,.2)}.comments-list[data-v-d446dfb8]{display:flex;flex-direction:column;gap:1rem}.comment-item[data-v-d446dfb8]{background:#f9fafb;border-radius:.5rem;padding:1.5rem;border:1px solid #e5e7eb;transition:all .2s;display:flex;gap:1rem;align-items:flex-start}.comment-avatar[data-v-d446dfb8]{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;background:#e2e8f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.comment-avatar .avatar-image[data-v-d446dfb8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.comment-avatar .avatar-placeholder[data-v-d446dfb8]{font-size:1.2rem;color:#94a3b8}.comment-content-wrapper[data-v-d446dfb8]{flex:1;min-width:0}.comment-item[data-v-d446dfb8]:hover{border-color:#d1d5db;box-shadow:0 2px 4px rgba(0,0,0,.05)}.comment-header[data-v-d446dfb8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.comment-author-info[data-v-d446dfb8]{display:flex;flex-direction:column;gap:.25rem}.comment-author[data-v-d446dfb8]{font-weight:600;color:#1e293b;font-size:1rem}.comment-time[data-v-d446dfb8]{font-size:.9rem;color:#64748b;font-style:italic}.delete-comment-btn[data-v-d446dfb8]{background:#ef4444;color:#fff;border:none;padding:.25rem .5rem;border-radius:.25rem;cursor:pointer;font-size:.8rem;transition:background-color .2s}.delete-comment-btn[data-v-d446dfb8]:hover{background:#dc2626}.article-like-section[data-v-d446dfb8]{margin:2rem 0 1.5rem 0;padding:1.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;display:flex;align-items:center;justify-content:center;gap:1rem;position:relative}.article-like-section[data-v-d446dfb8]:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:0 0 3px 3px}.like-btn[data-v-d446dfb8]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #e5e7eb;border-radius:30px;background:#fff;color:#6b7280;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;min-width:120px;justify-content:center}.like-btn[data-v-d446dfb8]:hover:not(:disabled){border-color:#ef4444;color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 12px rgba(239,68,68,.2)}.like-btn.liked[data-v-d446dfb8]{border-color:#ef4444;background:#fef2f2;color:#ef4444}.like-btn[data-v-d446dfb8]:disabled{cursor:not-allowed;opacity:.6}.like-btn i[data-v-d446dfb8]{font-size:1.1rem;transition:opacity .3s ease}.like-count[data-v-d446dfb8]{font-weight:600;min-width:1.5rem;text-align:center}.like-hint[data-v-d446dfb8]{color:#6b7280;font-size:.9rem}.like-hint a[data-v-d446dfb8]{color:#3b82f6;text-decoration:none;font-weight:500}.like-hint a[data-v-d446dfb8]:hover{text-decoration:underline}.comment-login-prompt[data-v-d446dfb8]{margin:1.5rem 0;padding:1.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;text-align:center}.login-prompt-content[data-v-d446dfb8]{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#64748b;font-size:1rem}.login-prompt-content i[data-v-d446dfb8]{font-size:1.2rem;color:#94a3b8}.login-prompt-content a[data-v-d446dfb8]{color:#3b82f6;text-decoration:none;font-weight:500}.login-prompt-content a[data-v-d446dfb8]:hover{text-decoration:underline}.comment-content[data-v-d446dfb8]{color:#374151;line-height:1.6}.comment-content blockquote[data-v-d446dfb8]{border-left:4px solid #e5e7eb;margin:.5rem 0;padding:.5rem 1rem;background:#f9fafb;font-style:italic}.comment-content pre[data-v-d446dfb8]{background:#1f2937;color:#f9fafb;padding:1rem;border-radius:.5rem;overflow-x:auto;overflow-y:hidden;white-space:pre;word-wrap:normal;margin:.5rem 0;font-family:Consolas,Monaco,Courier New,monospace;font-size:.85rem;line-height:1.4}.comment-content code[data-v-d446dfb8]{background:#f3f4f6;padding:.2rem .4rem;border-radius:.25rem;font-family:Courier New,monospace}.comment-content ol[data-v-d446dfb8],.comment-content ul[data-v-d446dfb8]{margin:.5rem 0;padding-left:1.5rem}.comment-content img[data-v-d446dfb8]{max-width:100%;height:auto;border-radius:.25rem;margin:.5rem 0}.comment-content a[data-v-d446dfb8]{color:#3b82f6;text-decoration:underline}.comment-content a[data-v-d446dfb8]:hover{color:#2563eb}.empty-comments[data-v-d446dfb8]{text-align:center;color:#9ca3af;padding:2rem}.error-state[data-v-d446dfb8],.loading-state[data-v-d446dfb8]{flex:1;display:flex;justify-content:center;align-items:center;min-height:400px}.loading-spinner[data-v-d446dfb8]{text-align:center;color:#64748b}.loading-spinner i[data-v-d446dfb8]{font-size:2rem;margin-bottom:1rem}.error-content[data-v-d446dfb8]{text-align:center;color:#ef4444}.error-content i[data-v-d446dfb8]{font-size:3rem;margin-bottom:1rem}.error-content h3[data-v-d446dfb8]{margin-bottom:1rem}@media (max-width:1200px){.article-modal-overlay[data-v-d446dfb8]{padding:1rem}.container[data-v-d446dfb8]{max-width:100%;padding:0 1.5rem}}@media (max-width:768px){.article-modal-overlay[data-v-d446dfb8]{padding:.5rem}.article-modal-container[data-v-d446dfb8]{border-radius:.75rem;max-height:95vh}.article-detail-page[data-v-d446dfb8]{border-radius:.75rem}.container[data-v-d446dfb8]{padding:0 1rem}.article-user-info[data-v-d446dfb8]{flex-direction:column;align-items:flex-start;gap:1rem}.time-info[data-v-d446dfb8]{text-align:left}.article-actions[data-v-d446dfb8]{flex-direction:column}.action-btn[data-v-d446dfb8]{width:100%;justify-content:center}.comment-header[data-v-d446dfb8]{flex-direction:column;align-items:flex-start;gap:.5rem}.comment-item[data-v-d446dfb8]{padding:1rem}.article-text[data-v-d446dfb8]{font-size:1rem;line-height:1.7;overflow:hidden}.article-text img[data-v-d446dfb8]{margin:.75rem 0;max-width:100%!important;max-height:500px!important;width:auto!important;height:auto!important}.article-text[data-v-d446dfb8] *{max-width:100%!important;box-sizing:border-box}.article-text blockquote[data-v-d446dfb8]{padding:.75rem 1rem;margin:.75rem 0}.article-text ol[data-v-d446dfb8],.article-text ul[data-v-d446dfb8]{padding-left:1.5rem}.title-display h2[data-v-d446dfb8]{font-size:1.5rem;line-height:1.3}.cover-image[data-v-d446dfb8]{max-height:300px}}@media (max-width:480px){.container[data-v-d446dfb8]{padding:0 .75rem}.article-container[data-v-d446dfb8]{border-radius:.75rem;margin:0 -.75rem}.article-actions[data-v-d446dfb8],.article-content[data-v-d446dfb8],.article-cover[data-v-d446dfb8],.article-title-section[data-v-d446dfb8],.article-user-info[data-v-d446dfb8],.comments-section[data-v-d446dfb8]{padding:1rem}.article-text[data-v-d446dfb8]{font-size:.95rem}.title-display h2[data-v-d446dfb8]{font-size:1.3rem}.cover-image[data-v-d446dfb8]{max-height:250px}}@media (min-width:1400px){.container[data-v-d446dfb8]{max-width:1400px}.article-text[data-v-d446dfb8]{font-size:1.15rem;line-height:1.9}.article-text img[data-v-d446dfb8]{margin:1.5rem 0}.article-text pre[data-v-d446dfb8]{padding:1.5rem}.article-text blockquote[data-v-d446dfb8]{padding:1.5rem 2rem;margin:1.5rem 0}}@media print{.article-actions[data-v-d446dfb8],.comments-section[data-v-d446dfb8],.page-header[data-v-d446dfb8]{display:none}.article-container[data-v-d446dfb8]{box-shadow:none;border:1px solid #ccc}.article-text img[data-v-d446dfb8]{max-width:100%;max-height:500px;height:auto;box-shadow:none}}@keyframes fadeIn-d446dfb8{0%{opacity:0}to{opacity:1}}@keyframes fadeOut-d446dfb8{0%{opacity:1}to{opacity:0}}@keyframes slideInUp-d446dfb8{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideOutDown-d446dfb8{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(30px) scale(.95)}}.editor-test-page[data-v-508d5cfc]{max-width:1200px;margin:0 auto;padding:2rem}.test-section[data-v-508d5cfc]{margin-bottom:3rem;padding:2rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#f8fafc}.test-section h2[data-v-508d5cfc]{margin-top:0;color:#1e293b}.form-group[data-v-508d5cfc]{margin-bottom:1.5rem}.form-group label[data-v-508d5cfc]{display:block;margin-bottom:.5rem;font-weight:600;color:#374151}.form-group input[data-v-508d5cfc]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem}.test-btn[data-v-508d5cfc]{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.375rem;cursor:pointer;font-size:1rem;font-weight:500}.test-btn[data-v-508d5cfc]:hover{background:#2563eb}.preview-content[data-v-508d5cfc]{padding:1rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;min-height:200px}.user-agreement-page[data-v-bd9dff68]{min-height:100vh;background:#f8fafc;padding:2rem 0}.agreement-container[data-v-bd9dff68]{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);overflow:hidden}.agreement-header[data-v-bd9dff68]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem;text-align:center}.agreement-header h1[data-v-bd9dff68]{font-size:2.5rem;font-weight:700;margin:0 0 1rem 0}.update-time[data-v-bd9dff68]{font-size:1rem;opacity:.9;margin:0}.agreement-content[data-v-bd9dff68]{padding:3rem 2rem;line-height:1.8;color:#374151}.agreement-section[data-v-bd9dff68]{margin-bottom:2.5rem}.agreement-section h2[data-v-bd9dff68]{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 1rem 0;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.agreement-section h3[data-v-bd9dff68]{color:#374151;font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem 0}.agreement-section p[data-v-bd9dff68]{margin:0 0 1rem 0;text-align:justify}.agreement-section ul[data-v-bd9dff68]{margin:0 0 1rem 0;padding-left:1.5rem}.agreement-section li[data-v-bd9dff68]{margin:.5rem 0}.agreement-footer[data-v-bd9dff68]{background:#f9fafb;padding:1.5rem 2rem;text-align:center;border-top:1px solid #e5e7eb}.close-btn[data-v-bd9dff68]{background:#3b82f6;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.close-btn[data-v-bd9dff68]:hover{background:#2563eb}@media (max-width:768px){.user-agreement-page[data-v-bd9dff68]{padding:1rem 0}.agreement-container[data-v-bd9dff68]{margin:0 1rem;border-radius:8px}.agreement-header[data-v-bd9dff68]{padding:2rem 1.5rem}.agreement-header h1[data-v-bd9dff68]{font-size:2rem}.agreement-content[data-v-bd9dff68]{padding:2rem 1.5rem}.agreement-section h2[data-v-bd9dff68]{font-size:1.25rem}.agreement-section h3[data-v-bd9dff68]{font-size:1.125rem}}.privacy-policy-page[data-v-64b08192]{min-height:100vh;background:#f8fafc;padding:2rem 0}.policy-container[data-v-64b08192]{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);overflow:hidden}.policy-header[data-v-64b08192]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:3rem 2rem;text-align:center}.policy-header h1[data-v-64b08192]{font-size:2.5rem;font-weight:700;margin:0 0 1rem 0}.update-time[data-v-64b08192]{font-size:1rem;opacity:.9;margin:0}.policy-content[data-v-64b08192]{padding:3rem 2rem;line-height:1.8;color:#374151}.policy-section[data-v-64b08192]{margin-bottom:2.5rem}.policy-section h2[data-v-64b08192]{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 1rem 0;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.policy-section h3[data-v-64b08192]{color:#374151;font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem 0}.policy-section h4[data-v-64b08192]{color:#4b5563;font-size:1.125rem;font-weight:600;margin:1rem 0 .5rem 0}.policy-section p[data-v-64b08192]{margin:0 0 1rem 0;text-align:justify}.policy-section ul[data-v-64b08192]{margin:0 0 1rem 0;padding-left:1.5rem}.policy-section li[data-v-64b08192]{margin:.5rem 0}.policy-footer[data-v-64b08192]{background:#f9fafb;padding:1.5rem 2rem;text-align:center;border-top:1px solid #e5e7eb}.close-btn[data-v-64b08192]{background:#10b981;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.close-btn[data-v-64b08192]:hover{background:#059669}@media (max-width:768px){.privacy-policy-page[data-v-64b08192]{padding:1rem 0}.policy-container[data-v-64b08192]{margin:0 1rem;border-radius:8px}.policy-header[data-v-64b08192]{padding:2rem 1.5rem}.policy-header h1[data-v-64b08192]{font-size:2rem}.policy-content[data-v-64b08192]{padding:2rem 1.5rem}.policy-section h2[data-v-64b08192]{font-size:1.25rem}.policy-section h3[data-v-64b08192]{font-size:1.125rem}.policy-section h4[data-v-64b08192]{font-size:1rem}}.captcha-container{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;position:relative}.captcha-input{flex:1;max-width:150px;transition:all .3s ease;border:2px solid #e5e7eb}.captcha-input:focus{border-color:#ff6b35;box-shadow:0 0 0 3px rgba(255,107,53,.1)}.captcha-input.error{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.captcha-input.success{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.captcha-image{width:100px;height:40px;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#f9fafb;transition:all .3s ease;position:relative;overflow:hidden}.captcha-image:hover{border-color:#ff6b35;background:#fff7ed;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,107,53,.15)}.captcha-image:active{transform:translateY(0);box-shadow:0 2px 6px rgba(255,107,53,.1)}.captcha-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:.5rem;transition:transform .3s ease}.captcha-image:hover img{transform:scale(1.05)}.captcha-loading{font-size:.75rem;color:#6b7280;display:flex;align-items:center;gap:.5rem}.captcha-loading:before{content:"";width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.refresh-captcha-btn{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:.5rem;padding:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;position:relative;overflow:hidden}.refresh-captcha-btn:hover{background:#ff6b35;border-color:#ff6b35;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,107,53,.15)}.refresh-captcha-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(255,107,53,.1)}.refresh-captcha-btn i{font-size:.875rem;transition:transform .3s ease}.refresh-captcha-btn:hover i{transform:rotate(180deg)}.refresh-captcha-btn.clicked i{animation:spin .5s ease-in-out}.form-hint{color:#6b7280;font-size:.75rem;margin-top:.25rem;width:100%;transition:color .3s ease}.form-hint.error{color:#ef4444}.form-hint.success{color:#10b981}.captcha-status{position:absolute;top:-8px;right:-8px;width:16px;height:16px;border-radius:50%;border:2px solid #fff;transition:all .3s ease}.captcha-status.loading{background:#f59e0b;animation:pulse 2s infinite}.captcha-status.success{background:#10b981}.captcha-status.error{background:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.captcha-input-hint{position:absolute;top:100%;left:0;right:0;background:#1f2937;color:#fff;padding:.5rem;border-radius:.5rem;font-size:.75rem;margin-top:.25rem;z-index:10;opacity:0;transform:translateY(-10px);transition:all .3s ease;pointer-events:none}.captcha-input-hint.show{opacity:1;transform:translateY(0)}.captcha-input-hint:before{content:"";position:absolute;top:-4px;left:20px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #1f2937}.captcha-error{color:#ef4444;font-size:.75rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.captcha-success{color:#10b981;font-size:.75rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem;animation:bounce .5s ease-in-out}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@media (max-width:480px){.captcha-container{flex-direction:column;align-items:stretch}.captcha-input{max-width:none}.captcha-image{width:100%;height:50px}.refresh-captcha-btn{align-self:center}}@media (prefers-color-scheme:dark){.captcha-container{background:#1f2937}.captcha-input{color:#f9fafb}.captcha-image,.captcha-input,.refresh-captcha-btn{background:#374151;border-color:#4b5563}.refresh-captcha-btn{color:#f9fafb}.form-hint{color:#9ca3af}}@media (prefers-contrast:high){.captcha-container{border:2px solid #000;padding:.5rem}.captcha-image,.captcha-input,.refresh-captcha-btn{border-width:3px}}@media (prefers-reduced-motion:reduce){.captcha-container *,.captcha-image,.refresh-captcha-btn{animation:none!important;transition:none!important}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#1a1a1a;--text-primary:#333;--text-secondary:#666;--background-color:#fff;--card-background:#f8f9fa;--orange-gradient:linear-gradient(135deg,#ff6b35,#f7931e);--border-color:#e0e0e0;--shadow-sm:0 2px 4px rgba(0,0,0,.1);--shadow-md:0 4px 8px rgba(0,0,0,.15);--shadow-lg:0 8px 16px rgba(0,0,0,.2);--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}body{font-family:var(--font-family);line-height:1.6;color:var(--text-primary);background-color:#fff;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);flex:1;display:flex;flex-direction:column}.header{background:#fff;border-bottom:none;position:sticky;top:0;z-index:1000;box-shadow:none;backdrop-filter:blur(10px)}.navbar{padding:var(--spacing-md) 0 0 0}.nav-container{max-width:1200px;margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-between}.nav-brand .brand-logo{font-size:1.5rem;font-weight:700;color:#333;text-decoration:none;letter-spacing:-.025em;transition:var(--transition-normal)}.nav-brand .brand-logo:hover{color:#333;transform:none}.nav-menu{display:flex;list-style:none;gap:var(--spacing-lg);align-items:center}.nav-item{position:relative}.nav-link{color:#333;text-decoration:none;font-weight:500;font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-xs)}.nav-link:hover{background-color:transparent!important;transform:none!important;box-shadow:none!important;border-color:transparent!important;opacity:1!important}.nav-link i{font-size:.75rem}.profile-section{flex-direction:column;padding:var(--spacing-xl) 0}.profile-avatar{margin-bottom:var(--spacing-xl);position:relative;z-index:10}.avatar-container{width:120px;height:120px}.avatar-image{background-color:#ff6b35;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;border:3px solid #fff;box-shadow:var(--shadow-md)}.avatar-image:hover{transform:scale(1.05)}.avatar-background{position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:var(--orange-gradient);border-radius:50%;z-index:1;opacity:.8;filter:blur(10px)}.info-card{background:transparent;width:100%;max-width:500px;margin-bottom:var(--spacing-xl);text-align:center}.info-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.card-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.name-section{text-align:left}.name-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:1px}.name-text{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2;letter-spacing:-.025em;transition:all .8s cubic-bezier(.68,-.55,.265,1.55);animation:nameShine 3s ease-in-out infinite;position:relative;overflow:hidden}.name-text:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:nameSlide 2s ease-in-out infinite}@keyframes nameShine{0%,to{transform:scale(1) rotateY(0deg);filter:brightness(1)}50%{transform:scale(1.05) rotateY(5deg);filter:brightness(1.2)}}@keyframes nameSlide{0%{left:-100%}50%{left:100%}to{left:100%}}.divider{background-color:var(--border-color);margin:var(--spacing-sm) 0}.roles-section{text-align:left}.roles-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:1px}.roles-list{list-style:none;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm);margin:0;padding:0}.roles-list li{background:transparent;color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;border:none}.nav-actions{display:flex;align-items:center;gap:var(--spacing-md)}.nav-icon{font-size:1.25rem}.nav-icon:hover{transform:translateY(-2px);opacity:.8}.orbit-line{width:100%;height:100%;border:1px dashed rgba(0,0,0,.1)}.orbit-icon{width:40px;height:40px;background-color:#fff;font-size:1.25rem;color:var(--text-primary);box-shadow:var(--shadow-sm);cursor:pointer;z-index:2}.orbit-icon:hover{transform:scale(1.2)!important;box-shadow:var(--shadow-md);color:#ff6b35}.icon-chrome{transform:translate(-50%,-50%) translateX(350px);color:#4285f4!important}.icon-chrome,.icon-edge{top:50%;left:50%;background:transparent;border:none;font-size:48px}.icon-edge{transform:translate(-50%,-50%) translateY(350px);color:#0078d7!important}.icon-avatar{top:50%;left:50%;transform:translate(-50%,-50%) translateX(-350px);box-shadow:none}.icon-avatar,.icon-avatar .avatar-image{width:200px;height:200px;background:transparent;border:none}.icon-avatar .avatar-image{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:80px;transition:all .3s ease;aspect-ratio:1/1;flex-shrink:0;-o-object-fit:cover;object-fit:cover;overflow:hidden}.icon-avatar .avatar-image:hover{transform:scale(1.1);color:#ff6b35}.bilibili-icon,.douyin-icon{width:1.25rem;height:1.25rem}.avatar-small{width:2rem;height:2rem;background-color:var(--card-background);overflow:hidden;border:2px solid var(--border-color)}.avatar-small:hover{border-color:#ff6b35}.avatar-small img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.footer{background-color:#fff;font-size:.875rem;color:var(--text-secondary);margin-top:auto}.browser-info{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.browser-info span{font-weight:500;color:#0078d7}@media (max-width:768px){.nav-container{flex-direction:column;gap:var(--spacing-md)}.nav-menu{flex-wrap:wrap;justify-content:center}.profile-section{padding:var(--spacing-lg) 0}.orbit-container{width:300px;height:300px}}.home-link{background-color:#ff6b35;color:#fff;border-radius:var(--radius-sm);transition:var(--transition-normal)}.home-link:hover{background:linear-gradient(135deg,#ff5722,#ff9800)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 8px rgba(255,107,53,.3)}.code-link{color:#333;font-weight:500;transition:var(--transition-normal)}.code-link:hover{color:#333;opacity:1}.game-link{color:#333;font-weight:500;transition:var(--transition-normal)}.game-link:hover{color:#333;opacity:1}.music-link{color:#333;font-weight:500;transition:var(--transition-normal)}.music-link:hover{color:#333;opacity:1}.forum-link{color:#333;font-weight:500;transition:var(--transition-normal)}.forum-link:hover{color:#333;opacity:1}@keyframes music-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes forum-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.nav-icons{gap:var(--spacing-sm)}.nav-icon,.nav-icons{display:flex;align-items:center}.nav-icon{color:#333;text-decoration:none;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-normal);justify-content:center;width:40px;height:40px}.nav-icon:hover{color:#333;background-color:transparent;opacity:1}.bilibili-icon:hover,.tiktok-icon:hover{color:#333;transform:none;opacity:1}.avatar-small{width:32px;height:32px;border-radius:50%;background:var(--orange-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;transition:var(--transition-normal)}.avatar-small:hover{transform:scale(1.1)}.auth-btn{background:var(--orange-gradient);color:#fff;border:none;border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center}.auth-btn:hover{background:linear-gradient(135deg,#ff5722,#ff9800);transform:scale(1.05);color:#fff}.main{flex:1;padding:0}.main,.profile-section{display:flex;align-items:center;justify-content:center}.profile-section{position:relative;max-width:800px;margin:0 auto}.avatar-container{position:relative;width:200px;height:200px;z-index:10}.avatar-image{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;box-shadow:var(--shadow-lg);z-index:2}.avatar-image,.info-card{position:relative;transition:var(--transition-normal)}.info-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);min-width:400px;z-index:5}.info-card-content{text-align:left}.name-section{margin-bottom:var(--spacing-lg)}.name{font-size:2.5rem;font-weight:800;background:var(--orange-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1.2}.title{font-size:1rem;color:var(--text-secondary);margin-top:var(--spacing-xs);display:block}.divider{height:1px;background:var(--border-color);margin:var(--spacing-lg) 0}.roles-list{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}.role{font-size:1rem;color:var(--text-primary);font-weight:500;display:block}.orbit-container{width:600px;height:600px;z-index:1}.orbit-container,.orbit-line{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-line{width:560px;height:560px;border:2px dashed var(--border-color);border-radius:50%;opacity:.3}.orbit-icons{position:relative;width:100%;height:100%}.orbit-icon{position:absolute;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:var(--shadow-md);transition:var(--transition-normal)}.orbit-icon:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.orbit-icon i{font-size:1.5rem;color:var(--text-primary)}.orbit-icon-top{top:0;left:50%;transform:translateX(-50%)}.orbit-icon-right{top:50%;right:0;transform:translateY(-50%)}.orbit-icon-bottom{bottom:0;left:50%;transform:translateX(-50%)}.orbit-icon-left{top:50%;left:0;transform:translateY(-50%)}@keyframes orbit-rotate{0%{transform:rotate(0deg) translateX(250px) rotate(0deg)}to{transform:rotate(1turn) translateX(250px) rotate(-1turn)}}@keyframes orbit-rotate-top{0%{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(1turn)}}@keyframes orbit-rotate-left{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}@keyframes orbit-rotate-right{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(-1turn)}}.footer{background:#fff;border-top:1px solid var(--border-color);padding:var(--spacing-md) 0;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.avatar-container,.info-card{animation:fadeInUp .8s ease-out}@media (max-width:768px){.nav-menu{display:none}.profile-section{flex-direction:column;gap:var(--spacing-lg);text-align:center}.info-card{min-width:auto;width:100%;max-width:400px}.orbit-container{width:400px;height:400px}.orbit-line{width:350px;height:350px}.avatar-container{width:150px;height:150px}.name{font-size:2rem}}@media (max-width:480px){.orbit-container{width:300px;height:300px}.orbit-line{width:250px;height:250px}.orbit-icon{width:40px;height:40px}.orbit-icon i{font-size:1.25rem}}