.login-register-btn[data-v-2e0cad79]{color:var(--text-secondary,#6b7280);text-decoration:none;font-weight:500;font-size:.875rem;padding:.5rem 1rem;border-radius:.375rem;transition:all .3s ease;display:flex;align-items:center;border:1px solid transparent}.login-register-btn[data-v-2e0cad79]:hover{color:var(--text-primary,#1f2937);background-color:rgba(0,0,0,.05)}.user-menu[data-v-2e0cad79]{position:relative;display:flex;align-items:center}.user-avatar[data-v-2e0cad79]{width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.user-avatar.active[data-v-2e0cad79],.user-avatar[data-v-2e0cad79]:hover{border-color:#ff6b35;transform:scale(1.05)}.avatar-image[data-v-2e0cad79]{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#f7931e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;overflow:hidden}.avatar-image img[data-v-2e0cad79]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-dropdown[data-v-2e0cad79]{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:.75rem;box-shadow:0 10px 25px rgba(0,0,0,.15);border:1px solid #e5e7eb;min-width:280px;z-index:1000;overflow:hidden;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95)}.user-dropdown[data-v-2e0cad79]:before{content:"";position:absolute;top:-6px;right:12px;width:12px;height:12px;background:#fff;border:1px solid #e5e7eb;border-bottom:none;border-right:none;transform:rotate(45deg)}.dropdown-header[data-v-2e0cad79]{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-2e0cad79]{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#f7931e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;overflow:hidden;flex-shrink:0}.dropdown-avatar img[data-v-2e0cad79]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dropdown-info[data-v-2e0cad79]{flex:1;min-width:0}.user-nickname[data-v-2e0cad79]{font-weight:600;color:#1f2937;font-size:1rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email[data-v-2e0cad79]{color:#6b7280;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-account[data-v-2e0cad79]{color:#9ca3af;font-size:.8rem;margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-section[data-v-2e0cad79]{padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6}.section-title[data-v-2e0cad79]{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151;font-size:.875rem;margin-bottom:.75rem}.section-title i[data-v-2e0cad79]{color:#ff6b35;font-size:.875rem}.articles-list[data-v-2e0cad79]{display:flex;flex-direction:column;gap:.5rem}.article-item[data-v-2e0cad79]{padding:.5rem .75rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.article-item[data-v-2e0cad79]:hover{background:#f8fafc;border-color:#e5e7eb}.article-title[data-v-2e0cad79]{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-2e0cad79]{font-size:.75rem;color:#9ca3af}.more-articles[data-v-2e0cad79]{padding:.5rem .75rem;text-align:center;color:#ff6b35;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:.5rem;transition:all .2s ease}.more-articles[data-v-2e0cad79]:hover{background:rgba(255,107,53,.1)}.no-articles[data-v-2e0cad79]{text-align:center;color:#9ca3af;font-size:.875rem;padding:1rem 0;font-style:italic}.dropdown-actions[data-v-2e0cad79]{padding:.75rem;display:flex;gap:.5rem}.dropdown-btn[data-v-2e0cad79]{flex:1;background:#f3f4f6;color:#374151;border:none;padding:.75rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;font-size:.875rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem}.dropdown-btn[data-v-2e0cad79]:hover{background:#e5e7eb;transform:translateY(-1px)}.dropdown-btn[data-v-2e0cad79]:first-child{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff}.dropdown-btn[data-v-2e0cad79]:first-child:hover{background:linear-gradient(135deg,#e55a2b,#e8851a)}.logout-btn[data-v-2e0cad79]:hover{background:#fee2e2;color:#dc2626}@media (max-width:768px){.user-dropdown[data-v-2e0cad79]{min-width:260px;right:-20px}.dropdown-header[data-v-2e0cad79]{padding:1rem}.dropdown-actions[data-v-2e0cad79]{flex-direction:column}.dropdown-btn[data-v-2e0cad79]{width:100%}}.user-dropdown[data-v-2e0cad79]{animation:dropdownFadeIn-2e0cad79 .2s ease-out}@keyframes dropdownFadeIn-2e0cad79{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-scroll-btn[data-v-2e0cad79]{position:absolute;top:50%;transform:translateY(-50%);background-color:hsla(0,0%,100%,.8);border:1px solid #e5e7eb;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background-color .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.nav-scroll-btn[data-v-2e0cad79]:hover{background-color:#fff}.nav-scroll-btn i[data-v-2e0cad79]{color:#374151;font-size:1rem}.nav-scroll-left[data-v-2e0cad79]{left:-20px}.nav-scroll-right[data-v-2e0cad79]{right:-20px}.nav-menu-container[data-v-2e0cad79]{position:relative;width:100%;overflow:hidden;margin-top:10px}.nav-menu-scroll[data-v-2e0cad79]{display:flex;gap:10px;padding:0 10px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;justify-content:center;cursor:grab}.nav-menu-scroll[data-v-2e0cad79]::-webkit-scrollbar{display:none}.nav-menu-scroll.dragging[data-v-2e0cad79]{cursor:grabbing}.nav-menu[data-v-2e0cad79]{display:flex;list-style:none;margin:0;padding:0;gap:0;white-space:nowrap;min-width:-moz-max-content;min-width:max-content}.nav-item[data-v-2e0cad79]{flex-shrink:0}.nav-link[data-v-2e0cad79]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;color:var(--text-secondary,#6b7280);text-decoration:none;font-weight:500;font-size:.875rem;border-radius:.5rem;transition:all .3s ease;white-space:nowrap;border:1px solid transparent}.nav-link[data-v-2e0cad79]:hover{color:var(--text-primary,#1f2937);background-color:rgba(0,0,0,.05);transform:translateY(-1px)}.nav-link i[data-v-2e0cad79]{font-size:1rem}@media (max-width:768px){.nav-menu-container[data-v-2e0cad79]{margin-top:5px}.nav-scroll-btn[data-v-2e0cad79]{width:32px;height:32px}.nav-scroll-btn i[data-v-2e0cad79]{font-size:.875rem}.nav-link[data-v-2e0cad79]{padding:.5rem 1rem;font-size:.8rem}.nav-link i[data-v-2e0cad79]{font-size:.875rem}}@media (max-width:480px){.nav-menu-container[data-v-2e0cad79]{margin-top:3px}.nav-scroll-btn[data-v-2e0cad79]{width:28px;height:28px}.nav-scroll-btn i[data-v-2e0cad79]{font-size:.75rem}.nav-link[data-v-2e0cad79]{padding:.4rem .8rem;font-size:.75rem}.nav-link i[data-v-2e0cad79]{font-size:.8rem}}.global-player[data-v-d4be8b44]{position:fixed!important;z-index:9999!important;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.3);flex-direction:column;min-width:400px;max-width:500px;transition:all .3s ease;pointer-events:auto!important}.drag-area[data-v-d4be8b44],.global-player[data-v-d4be8b44]{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drag-area[data-v-d4be8b44]{align-items:center;gap:.5rem;color:#9ca3af;font-size:.8rem;font-weight:500;padding:.75rem 1rem;border-radius:20px 20px 0 0;background:rgba(156,163,175,.1);cursor:grab;border-bottom:1px solid rgba(156,163,175,.2)}.drag-area[data-v-d4be8b44]:hover{background:rgba(156,163,175,.15)}.drag-area[data-v-d4be8b44]:active{cursor:grabbing}.drag-area i[data-v-d4be8b44]{font-size:1rem}.drag-area span[data-v-d4be8b44]{white-space:nowrap}.player-content[data-v-d4be8b44]{padding:1rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.song-info[data-v-d4be8b44]{display:flex;align-items:center;gap:.75rem}.song-cover[data-v-d4be8b44]{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-d4be8b44]{font-size:.9rem;font-weight:600;color:#1f2937}.song-details h4[data-v-d4be8b44],.song-details p[data-v-d4be8b44]{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.song-details p[data-v-d4be8b44]{font-size:.8rem;color:#6b7280}.control-buttons[data-v-d4be8b44]{display:flex;justify-content:center;gap:1rem;align-items:center}.control-btn[data-v-d4be8b44]{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-d4be8b44]:hover{background:rgba(156,163,175,.1);color:#374151;transform:scale(1.1)}.control-btn.play-pause[data-v-d4be8b44]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:50px;height:50px}.control-btn.play-pause[data-v-d4be8b44]:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:scale(1.1)}.progress-section[data-v-d4be8b44]{display:flex;align-items:center;gap:.75rem}.time-display[data-v-d4be8b44]{font-size:.8rem;color:#6b7280;font-weight:500;min-width:40px;text-align:center}.progress-slider[data-v-d4be8b44]{flex:1;height:4px;border-radius:2px;background:#e5e7eb;outline:none;cursor:pointer;-webkit-appearance:none}.progress-slider[data-v-d4be8b44]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer}.progress-slider[data-v-d4be8b44]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer;border:none}.volume-control[data-v-d4be8b44]{display:flex;align-items:center;gap:.75rem}.volume-control i[data-v-d4be8b44]{color:#6b7280;font-size:.9rem;min-width:16px}.volume-slider[data-v-d4be8b44]{flex:1;height:4px;border-radius:2px;background:#e5e7eb;outline:none;cursor:pointer;-webkit-appearance:none}.volume-slider[data-v-d4be8b44]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#9ca3af;cursor:pointer}.volume-slider[data-v-d4be8b44]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#9ca3af;cursor:pointer;border:none}.player-actions[data-v-d4be8b44]{display:flex;justify-content:space-between;width:100%;margin-top:.5rem}.close-btn[data-v-d4be8b44],.reset-btn[data-v-d4be8b44]{background:rgba(156,163,175,.1);border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#6b7280;cursor:pointer;transition:all .3s ease;font-size:.9rem}.close-btn[data-v-d4be8b44]:hover,.reset-btn[data-v-d4be8b44]:hover{background:rgba(156,163,175,.2);color:#374151;transform:scale(1.1)}.global-player.dragging[data-v-d4be8b44]{cursor:grabbing!important;box-shadow:0 20px 50px rgba(0,0,0,.3);transform:scale(1.02)!important;transition:none;background:hsla(0,0%,100%,.98)}.global-player.dragging .drag-area[data-v-d4be8b44]{cursor:grabbing!important}.page-container{min-height:calc(100vh - 80px);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-6a724d4e]{z-index:1}.orbit-container[data-v-6a724d4e],.orbit-line[data-v-6a724d4e]{position:absolute;top:50%;left:50%;width:400px;height:400px;transform:translate(-50%,-50%)}.orbit-line[data-v-6a724d4e]{border:2px solid hsla(0,0%,88%,.5);border-radius:50%;animation:orbit-rotate-6a724d4e 20s linear infinite}.orbit-icon[data-v-6a724d4e]{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:200px 200px;transition:all .3s ease}.orbit-icon[data-v-6a724d4e]:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,.15)}.icon-avatar[data-v-6a724d4e]{top:15px;left:165px}.icon-chrome[data-v-6a724d4e]{top:165px;right:15px;color:#4285f4}.icon-edge[data-v-6a724d4e]{bottom:15px;left:165px;color:#0078d4}.avatar-image[data-v-6a724d4e]{width:100%;height:100%;border-radius:50%;overflow:hidden}.avatar-img[data-v-6a724d4e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}@keyframes orbit-rotate-6a724d4e{0%{transform:rotate(0deg) translateX(150px) rotate(0deg)}to{transform:rotate(1turn) translateX(150px) rotate(-1turn)}}.profile-section[data-v-494778c4]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;position:relative}.info-card[data-v-494778c4]{background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;box-shadow:0 4px 20px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.3);text-align:center;max-width:500px;width:100%;margin:0;transition:all .3s ease;z-index:2;position:relative}.card-content[data-v-494778c4]{display:flex;flex-direction:column;gap:2rem}.name-section[data-v-494778c4]{display:flex;flex-direction:column;gap:1rem}.name-label[data-v-494778c4]{font-size:1.1rem;color:#666;margin:0;font-weight:500}.name-text[data-v-494778c4]{font-size:2.5rem;font-weight:800;margin:0;color:#333;transition:all .5s ease;transform-style:preserve-3d}.divider[data-v-494778c4]{height:1px;background:#e0e0e0;border-radius:1px;margin:0 2rem}.roles-section[data-v-494778c4]{display:flex;flex-direction:column;gap:1rem}.roles-label[data-v-494778c4]{font-size:1.1rem;color:#666;margin:0;font-weight:500}.roles-list[data-v-494778c4]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.roles-list li[data-v-494778c4]{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-494778c4]:hover{color:#555;transform:translateY(-2px)}@media (max-width:768px){.info-card[data-v-494778c4]{padding:2rem;margin-bottom:2rem}.name-text[data-v-494778c4]{font-size:2rem}.divider[data-v-494778c4]{margin:0 1rem}}.main[data-v-2eb8e731]{position:relative;width:100vw;height:56.25vw;max-height:100vh;min-height:600px;overflow:hidden}.main[data-v-2eb8e731],.upgrade-animation[data-v-2eb8e731]{display:flex;align-items:center;justify-content:center;background:#fff}.upgrade-animation[data-v-2eb8e731]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;transition:all .8s cubic-bezier(.4,0,.2,1)}.upgrade-animation.fade-out[data-v-2eb8e731]{opacity:0;transform:scale(1.1)}.upgrade-container[data-v-2eb8e731]{position:relative;text-align:center}.version-number[data-v-2eb8e731]{font-size:0;font-weight:900;color:#000;line-height:1;margin-bottom:2rem;opacity:0;transform:scale(.5) translateY(50px);transition:all 1s cubic-bezier(.34,1.56,.64,1)}.version-number.animate-in[data-v-2eb8e731]{opacity:1;transform:scale(1) translateY(0)}.version-number .digit[data-v-2eb8e731]{font-size:12rem;display:inline-block;animation:digitFloat-2eb8e731 3s ease-in-out infinite}.version-number .digit[data-v-2eb8e731]:nth-child(3){animation-delay:.5s}.version-number .dot[data-v-2eb8e731]{font-size:12rem;display:inline-block;animation:dotPulse-2eb8e731 2s ease-in-out infinite;margin:0 .5rem}.upgrade-text[data-v-2eb8e731]{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1);transition-delay:.5s}.upgrade-text.animate-in[data-v-2eb8e731]{opacity:1;transform:translateY(0)}.upgrade-text .letter[data-v-2eb8e731]{display:inline-block;font-size:2.5rem;font-weight:700;color:#333;margin:0 .2rem;opacity:0;animation:letterFadeIn-2eb8e731 .6s ease-out forwards}.particles[data-v-2eb8e731]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.particle[data-v-2eb8e731]{position:absolute;width:4px;height:4px;background:#000;border-radius:50%;opacity:0;animation:particleFloat-2eb8e731 3s ease-in-out infinite;animation-delay:var(--delay);left:var(--x);top:var(--y)}@keyframes digitFloat-2eb8e731{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}@keyframes dotPulse-2eb8e731{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@keyframes letterFadeIn-2eb8e731{0%{opacity:0;transform:translateY(20px) rotateX(90deg)}to{opacity:1;transform:translateY(0) rotateX(0deg)}}@keyframes particleFloat-2eb8e731{0%{opacity:0;transform:translateY(0) scale(0)}20%{opacity:1;transform:translateY(-20px) scale(1)}80%{opacity:1;transform:translateY(-40px) scale(1)}to{opacity:0;transform:translateY(-60px) scale(0)}}.container[data-v-2eb8e731],.content-container[data-v-2eb8e731]{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.content-container[data-v-2eb8e731]{opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.4,0,.2,1)}.content-container.fade-in[data-v-2eb8e731]{opacity:1;transform:translateY(0)}@media (max-width:768px){.main[data-v-2eb8e731]{height:100vh;min-height:100vh}.container[data-v-2eb8e731]{padding:0 1rem}.version-number .digit[data-v-2eb8e731],.version-number .dot[data-v-2eb8e731]{font-size:8rem}.upgrade-text .letter[data-v-2eb8e731]{font-size:2rem}}@media (max-width:480px){.version-number .digit[data-v-2eb8e731],.version-number .dot[data-v-2eb8e731]{font-size:6rem}.upgrade-text .letter[data-v-2eb8e731]{font-size:1.5rem}}.code-page[data-v-3bf2833f]{min-height:100vh;background:#fff;padding:2rem 0}.container[data-v-3bf2833f]{max-width:1200px;margin:0 auto;padding:0 2rem}.page-header[data-v-3bf2833f]{text-align:center;margin-bottom:3rem;color:#333}.page-title[data-v-3bf2833f]{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(45deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle[data-v-3bf2833f]{font-size:1.2rem;opacity:.9}.project-detail[data-v-3bf2833f]{background:rgba(0,0,0,.05);border-radius:1rem;padding:2rem;border:1px solid rgba(0,0,0,.1)}.project-info[data-v-3bf2833f]{margin-bottom:2rem}.project-title[data-v-3bf2833f]{color:#333;font-size:2rem;font-weight:700;margin-bottom:1rem}.project-meta[data-v-3bf2833f]{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.meta-item[data-v-3bf2833f]{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.9rem}.meta-item i[data-v-3bf2833f]{color:#ff6b35}.project-description h3[data-v-3bf2833f]{color:#333;font-size:1.3rem;font-weight:600;margin:2rem 0 1rem 0}.project-description p[data-v-3bf2833f]{color:#666;line-height:1.6;margin-bottom:1rem}.feature-list[data-v-3bf2833f],.tech-list[data-v-3bf2833f]{list-style:none;padding:0}.feature-list li[data-v-3bf2833f],.tech-list li[data-v-3bf2833f]{display:flex;align-items:center;gap:.5rem;color:#666;margin-bottom:.5rem}.feature-list i[data-v-3bf2833f]{color:#22c55e}.tech-list i[data-v-3bf2833f]{color:#ff6b35}.project-video[data-v-3bf2833f]{margin-top:2rem}.project-video h3[data-v-3bf2833f]{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.video-container[data-v-3bf2833f]{background:#f5f5f5;border-radius:.5rem;padding:1rem;text-align:center}.demo-video[data-v-3bf2833f]{width:100%;max-width:800px;height:auto;border-radius:.5rem}@media (max-width:768px){.project-meta[data-v-3bf2833f]{flex-direction:column;gap:.5rem}.page-title[data-v-3bf2833f]{font-size:2rem}}.game-page[data-v-0484838b]{min-height:100vh;background:#fff;padding:2rem 0}.container[data-v-0484838b]{max-width:1200px;margin:0 auto;padding:0 2rem}.page-header[data-v-0484838b]{text-align:center;margin-bottom:3rem;color:#333}.page-title[data-v-0484838b]{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(45deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle[data-v-0484838b]{font-size:1.2rem;opacity:.9}.games-section[data-v-0484838b]{color:#333}.game-category[data-v-0484838b]{margin-bottom:3rem;background:rgba(0,0,0,.05);border-radius:1rem;padding:2rem;border:1px solid rgba(0,0,0,.1)}.category-header[data-v-0484838b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.category-title[data-v-0484838b]{font-size:1.8rem;font-weight:700;margin:0}.video-count[data-v-0484838b]{background:#f3f4f6;color:#6b7280;padding:.5rem 1rem;border-radius:1rem;font-size:.9rem;border:1px solid #e5e7eb}.video-slider-container[data-v-0484838b]{position:relative;display:flex;align-items:center;gap:1rem}.slider-btn[data-v-0484838b]{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-0484838b]:hover:not(:disabled){background:#f9fafb;transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.15)}.slider-btn[data-v-0484838b]:disabled{opacity:.3;cursor:not-allowed}.video-slider[data-v-0484838b]{flex:1;overflow:hidden;border-radius:1rem}.video-list[data-v-0484838b]{display:flex;gap:20px;width:-moz-fit-content;width:fit-content}.video-card[data-v-0484838b]{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-0484838b]:hover{transform:translateY(-10px);box-shadow:0 25px 50px rgba(0,0,0,.25)}.video-thumbnail[data-v-0484838b]{position:relative;height:180px;overflow:hidden}.thumbnail-video[data-v-0484838b]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.video-card:hover .thumbnail-video[data-v-0484838b]{transform:scale(1.1)}.play-overlay[data-v-0484838b]{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}.video-card:hover .play-overlay[data-v-0484838b]{transform:translate(-50%,-50%) scale(1.1)}.video-info[data-v-0484838b]{padding:1rem}.video-info h3[data-v-0484838b]{margin:0 0 .5rem 0;font-size:1.1rem;font-weight:600}.video-info p[data-v-0484838b]{margin:0;opacity:.8;font-size:.9rem}.video-modal[data-v-0484838b]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-0484838b]{position:relative;max-width:90%;max-height:90%;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border-radius:1rem;padding:2rem;border:1px solid hsla(0,0%,100%,.2)}.close-btn[data-v-0484838b]{position:absolute;top:1rem;right:1rem;background:hsla(0,0%,100%,.2);border:none;width:40px;height:40px;border-radius:50%;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.close-btn[data-v-0484838b]:hover{background:hsla(0,0%,100%,.3)}.modal-video[data-v-0484838b]{width:100%;max-width:800px;border-radius:.5rem}.modal-info[data-v-0484838b]{color:#fff;text-align:center;margin-top:1rem}.modal-info h3[data-v-0484838b]{margin:0 0 .5rem 0;font-size:1.5rem}.modal-info p[data-v-0484838b]{margin:0;opacity:.8}@media (max-width:768px){.video-card[data-v-0484838b]{width:250px}.video-list[data-v-0484838b]{gap:15px}.category-header[data-v-0484838b]{flex-direction:column;align-items:flex-start;gap:.5rem}}.music-page[data-v-1610f812]{min-height:100vh;background:#fff;padding:2rem 0}.container[data-v-1610f812]{max-width:1200px;margin:0 auto;padding:0 2rem;padding-bottom:120px}.page-header[data-v-1610f812]{text-align:center;margin-bottom:3rem;color:#333}.page-title[data-v-1610f812]{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(45deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle[data-v-1610f812]{font-size:1.2rem;color:#666;opacity:.9}.search-section[data-v-1610f812]{margin-bottom:3rem}.search-container[data-v-1610f812]{max-width:600px;margin:0 auto;position:relative}.search-input[data-v-1610f812]{width:100%;padding:1rem 1.5rem;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#f8f9fa;color:#333}.search-input[data-v-1610f812]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);background:#fff}.search-input[data-v-1610f812]::-moz-placeholder{color:#999}.search-input[data-v-1610f812]::placeholder{color:#999}.music-content[data-v-1610f812]{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start}.music-list[data-v-1610f812]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 20px rgba(0,0,0,.08);border:1px solid #f0f0f0}.list-header[data-v-1610f812]{display:grid;grid-template-columns:80px minmax(200px,2fr) minmax(150px,1.5fr) 100px;gap:1rem;padding:1rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;font-weight:600;color:#666;font-size:.9rem}.header-cell[data-v-1610f812]{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header-cell span[data-v-1610f812]{font-weight:600}.header-cell i[data-v-1610f812]{font-size:.75rem;color:#999}.list-title[data-v-1610f812]{padding:1rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;font-weight:600;color:#666;font-size:.9rem}.song-item[data-v-1610f812]{display:grid;grid-template-columns:80px minmax(200px,2fr) minmax(150px,1.5fr) 100px;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0;transition:all .3s ease;cursor:pointer;align-items:center}.song-item[data-v-1610f812]:hover{background:#f8f9fa}.song-item.active[data-v-1610f812]{background:rgba(102,126,234,.05);border-left:3px solid #667eea}.song-index[data-v-1610f812]{display:flex;align-items:center;justify-content:center;color:#999;font-weight:500;font-size:.9rem}.playing-indicator[data-v-1610f812]{display:flex;align-items:center;gap:2px;height:16px;justify-content:center}.playing-indicator .bar[data-v-1610f812]{width:3px;background:#667eea;border-radius:1px;animation:bounce-1610f812 1.4s ease-in-out infinite both}.playing-indicator .bar[data-v-1610f812]:first-child{animation-delay:-.32s}.playing-indicator .bar[data-v-1610f812]:nth-child(2){animation-delay:-.16s}.playing-indicator .bar[data-v-1610f812]:nth-child(3){animation-delay:0s}@keyframes bounce-1610f812{0%,80%,to{height:4px}40%{height:16px}}.song-info[data-v-1610f812]{gap:1rem}.song-cover[data-v-1610f812]{position:relative;width:50px;height:50px;overflow:hidden;background:#f0f0f0}.song-cover img[data-v-1610f812]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cover-overlay[data-v-1610f812]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;cursor:pointer}.song-cover:hover .cover-overlay[data-v-1610f812]{opacity:1}.cover-overlay i[data-v-1610f812]{color:#fff;font-size:1.2rem}.song-details[data-v-1610f812]{flex:1;min-width:0}.song-title[data-v-1610f812]{color:#1f2937;font-size:1rem;font-weight:600}.song-artist[data-v-1610f812],.song-title[data-v-1610f812]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.5rem 0}.song-artist[data-v-1610f812]{color:#4b5563;font-size:.9rem}.song-album[data-v-1610f812]{color:#666;font-size:.9rem;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-duration[data-v-1610f812]{color:#4b5563;font-size:.9rem;display:flex;align-items:center;justify-content:center;padding:.5rem 0}.song-actions[data-v-1610f812]{display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .3s ease}.song-item:hover .song-actions[data-v-1610f812]{opacity:1}.action-btn[data-v-1610f812]{background:none;border:none;color:#999;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.action-btn[data-v-1610f812]:hover{color:#667eea;background:rgba(102,126,234,.1)}.action-btn.active[data-v-1610f812]{color:#667eea}.volume-control[data-v-1610f812]{gap:.5rem;min-width:80px}.volume-slider[data-v-1610f812]{width:60px;height:3px}.volume-slider[data-v-1610f812]::-webkit-slider-thumb{width:10px;height:10px;background:#667eea}.volume-slider[data-v-1610f812]::-moz-range-thumb{width:10px;height:10px;background:#667eea}.global-player[data-v-1610f812]{position:fixed!important;z-index:9999!important;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.3);flex-direction:column;min-width:400px;max-width:500px;transition:all .3s ease;pointer-events:auto!important}.drag-area[data-v-1610f812],.global-player[data-v-1610f812]{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drag-area[data-v-1610f812]{align-items:center;gap:.5rem;color:#9ca3af;font-size:.8rem;font-weight:500;padding:.75rem 1rem;border-radius:20px 20px 0 0;background:rgba(156,163,175,.1);cursor:grab;border-bottom:1px solid rgba(156,163,175,.2)}.drag-area[data-v-1610f812]:hover{background:rgba(156,163,175,.15)}.drag-area[data-v-1610f812]:active{cursor:grabbing}.drag-area i[data-v-1610f812]{font-size:1rem}.drag-area span[data-v-1610f812]{white-space:nowrap}.player-content[data-v-1610f812]{padding:1rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.song-info[data-v-1610f812]{display:flex;align-items:center;gap:.75rem}.song-cover[data-v-1610f812]{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-1610f812]{font-size:.9rem;font-weight:600;color:#1f2937}.song-details h4[data-v-1610f812],.song-details p[data-v-1610f812]{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.song-details p[data-v-1610f812]{font-size:.8rem;color:#6b7280}.control-buttons[data-v-1610f812]{display:flex;justify-content:center;gap:1rem;align-items:center}.control-btn[data-v-1610f812]{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-1610f812]:hover{background:rgba(156,163,175,.1);color:#374151;transform:scale(1.1)}.control-btn.play-pause[data-v-1610f812]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:50px;height:50px}.control-btn.play-pause[data-v-1610f812]:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:scale(1.1)}.progress-section[data-v-1610f812]{display:flex;align-items:center;gap:.75rem}.time-display[data-v-1610f812]{font-size:.8rem;color:#6b7280;font-weight:500;min-width:40px;text-align:center}.progress-slider[data-v-1610f812]{flex:1;height:4px;border-radius:2px;background:#e5e7eb;outline:none;cursor:pointer;-webkit-appearance:none}.progress-slider[data-v-1610f812]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer}.progress-slider[data-v-1610f812]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer;border:none}.volume-control[data-v-1610f812]{display:flex;align-items:center;gap:.75rem}.volume-control i[data-v-1610f812]{color:#6b7280;font-size:.9rem;min-width:16px}.volume-slider[data-v-1610f812]{flex:1;height:4px;border-radius:2px;background:#e5e7eb;outline:none;cursor:pointer;-webkit-appearance:none}.volume-slider[data-v-1610f812]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#9ca3af;cursor:pointer}.volume-slider[data-v-1610f812]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#9ca3af;cursor:pointer;border:none}.reset-btn[data-v-1610f812]{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.reset-btn[data-v-1610f812]:hover{background:rgba(156,163,175,.1);color:#6b7280;transform:scale(1.1)}.global-player.dragging[data-v-1610f812]{cursor:grabbing!important;box-shadow:0 20px 50px rgba(0,0,0,.3);transform:scale(1.02)!important;transition:none;background:hsla(0,0%,100%,.98)}.global-player.dragging .drag-area[data-v-1610f812]{cursor:grabbing!important}.wishlist-section[data-v-1610f812]{background:#fff;border-radius:1rem;padding:1.5rem;margin-top:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.wishlist-header[data-v-1610f812]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.wishlist-header h3[data-v-1610f812]{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937}.wishlist-subtitle[data-v-1610f812]{margin:.25rem 0 0 0;font-size:.9rem;color:#6b7280;font-style:italic}.wishlist-actions[data-v-1610f812]{display:flex;align-items:center;gap:.5rem}.wishlist-btn[data-v-1610f812]{padding:.75rem 1.5rem;border:none;border-radius:.75rem;font-size:.9rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.wishlist-btn.add-btn[data-v-1610f812]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.wishlist-btn.add-btn[data-v-1610f812]:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 4px 8px rgba(102,126,234,.3)}.wishlist-btn.login-btn[data-v-1610f812]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;white-space:nowrap;min-width:-moz-max-content;min-width:max-content}.wishlist-btn.login-btn[data-v-1610f812]:hover{background:linear-gradient(135deg,#e91e63,#f50057);transform:translateY(-2px);box-shadow:0 4px 8px rgba(233,30,99,.3)}.wishlist-list[data-v-1610f812]{display:flex;flex-direction:column;gap:1rem}.wishlist-item[data-v-1610f812]{background:#f8fafc;border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.wishlist-item[data-v-1610f812]:hover{background:#f1f5f9;border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.wishlist-item .music-info[data-v-1610f812]{display:flex;justify-content:space-between;align-items:center}.music-details[data-v-1610f812]{display:flex;flex-direction:column;gap:.25rem}.music-name[data-v-1610f812]{font-weight:600;color:#1f2937;font-size:1rem}.music-artist[data-v-1610f812]{color:#6b7280;font-size:.9rem}.music-actions[data-v-1610f812]{display:flex;align-items:center;gap:1rem}.like-count[data-v-1610f812]{display:flex;align-items:center;gap:.5rem;color:#e74c3c;font-weight:500;font-size:.9rem;cursor:help}.like-btn.liked[data-v-1610f812],.like-btn[data-v-1610f812],.like-count i[data-v-1610f812]{color:#e74c3c}.like-btn[data-v-1610f812]:hover:not(:disabled){background:rgba(231,76,60,.1);transform:scale(1.1)}.empty-wishlist[data-v-1610f812]{padding:3rem 1rem}.empty-state[data-v-1610f812]{display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-state i[data-v-1610f812]{font-size:3rem;color:#d1d5db}.empty-hint[data-v-1610f812]{font-size:.9rem;color:#9ca3af;font-style:italic}.modal-overlay[data-v-1610f812]{right:0;bottom:0;background:rgba(0,0,0,.5)}.modal-content[data-v-1610f812]{border-radius:1rem;padding:0;box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.modal-header[data-v-1610f812]{padding:1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.modal-title[data-v-1610f812]{color:#1f2937}.modal-title i[data-v-1610f812]{color:#667eea;font-size:1.25rem}.modal-title h3[data-v-1610f812]{margin:0;font-size:1.25rem;font-weight:600}.modal-close[data-v-1610f812]{background:none;color:#6b7280;padding:.5rem;border-radius:.5rem}.modal-close[data-v-1610f812]:hover{background:#f3f4f6;color:#374151}.modal-body[data-v-1610f812]{padding:1.5rem}.form-hint[data-v-1610f812]{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem;margin-bottom:1.5rem;color:#0369a1;font-size:.9rem}.form-hint i[data-v-1610f812]{color:#0ea5e9}.required[data-v-1610f812]{color:#ef4444}.form-input[data-v-1610f812]{padding:.75rem;border-radius:.5rem}.form-input[data-v-1610f812]:focus{box-shadow:0 0 0 3px rgba(102,126,234,.1)}.modal-footer[data-v-1610f812]{padding:1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0}.btn[data-v-1610f812]{border-radius:.5rem;font-size:.9rem}.btn[data-v-1610f812]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-1610f812]{background:#6b7280;color:#fff}.btn-secondary[data-v-1610f812]:hover:not(:disabled){background:#4b5563}.btn-primary[data-v-1610f812]{background:#667eea}.btn-primary[data-v-1610f812]:hover:not(:disabled){background:#5a67d8;display:flex;justify-content:space-between;align-items:center}.wishlist-item .music-details[data-v-1610f812]{display:flex;flex-direction:column;gap:.25rem}.wishlist-item .music-name[data-v-1610f812]{font-weight:600;color:#1f2937;font-size:1rem}.wishlist-item .music-artist[data-v-1610f812]{color:#6b7280;font-size:.9rem}.wishlist-item .music-actions[data-v-1610f812]{display:flex;align-items:center;gap:1rem}.wishlist-item .like-count[data-v-1610f812]{display:flex;align-items:center;gap:.5rem;color:#ef4444;font-weight:600;font-size:.9rem}.wishlist-item .like-btn[data-v-1610f812]{background:none;border:none;cursor:pointer;padding:.5rem .75rem;border-radius:20px;transition:all .3s ease;color:#9ca3af;display:flex;align-items:center;gap:.25rem;font-size:.9rem;min-width:auto}.wishlist-item .like-btn[data-v-1610f812]:hover:not(:disabled){background:#fef2f2;color:#ef4444;transform:scale(1.1)}.wishlist-item .like-btn.liked[data-v-1610f812]{color:#ef4444}.wishlist-item .like-btn[data-v-1610f812]:disabled{cursor:not-allowed;opacity:.5}.wishlist-item .like-btn .like-count[data-v-1610f812]{font-size:.85rem;font-weight:500;margin-left:.25rem}.empty-wishlist[data-v-1610f812]{text-align:center;padding:2rem;color:#6b7280;font-style:italic}.empty-wishlist p[data-v-1610f812]{margin:0;font-size:1rem}.wish-rank[data-v-1610f812]{font-size:.9rem;font-weight:600;color:#667eea;min-width:25px;text-align:center}.wish-info[data-v-1610f812]{flex:1;min-width:0;margin-right:1rem}.wish-title[data-v-1610f812]{font-size:.9rem;font-weight:600;color:#1f2937}.wish-artist[data-v-1610f812],.wish-title[data-v-1610f812]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.wish-artist[data-v-1610f812]{font-size:.8rem;color:#4b5563}.wish-count[data-v-1610f812]{font-size:.8rem;color:#6b7280;min-width:40px;text-align:center}.wish-action[data-v-1610f812]{display:flex;align-items:center;gap:.5rem}.wish-btn[data-v-1610f812]{background:none;border:none;color:#999;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.wish-btn[data-v-1610f812]:hover{color:#e74c3c;background:rgba(231,76,60,.1)}.wish-btn[data-v-1610f812]:active{background:rgba(231,76,60,.2)}.wished-icon[data-v-1610f812]{color:#e74c3c}.no-wishlist[data-v-1610f812]{text-align:center;padding:1.5rem 0;color:#999;font-size:.9rem}.no-wishlist i[data-v-1610f812]{font-size:1.5rem;margin-bottom:.5rem}.login-hint[data-v-1610f812]{font-size:.9rem;color:#6b7280;margin-right:.5rem;white-space:nowrap}.modal-overlay[data-v-1610f812]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-1610f812 .3s ease-out}.modal-content[data-v-1610f812]{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);width:90%;max-width:500px;max-height:90vh;overflow:hidden;animation:slideIn-1610f812 .3s ease-out;border:1px solid hsla(0,0%,100%,.2)}.modal-header[data-v-1610f812]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1)}.modal-title[data-v-1610f812]{display:flex;align-items:center;gap:.75rem}.modal-title i[data-v-1610f812]{font-size:1.5rem;color:hsla(0,0%,100%,.9)}.modal-header h3[data-v-1610f812]{margin:0;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.modal-close[data-v-1610f812]{background:hsla(0,0%,100%,.2);border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(10px)}.modal-close[data-v-1610f812]:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.2)}.modal-body[data-v-1610f812]{padding:2rem;background:#fafbfc}.form-group[data-v-1610f812]{margin-bottom:1.5rem}.form-group label[data-v-1610f812]{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.95rem}.form-group label i[data-v-1610f812]{color:#667eea;font-size:.9rem}.form-input[data-v-1610f812]{width:100%;padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff;color:#374151;box-sizing:border-box}.form-input[data-v-1610f812]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1);background:#fff;transform:translateY(-2px)}.form-input[data-v-1610f812]::-moz-placeholder{color:#9ca3af;font-style:italic}.form-input[data-v-1610f812]::placeholder{color:#9ca3af;font-style:italic}.modal-footer[data-v-1610f812]{padding:1.5rem 2rem;background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end}.btn[data-v-1610f812]{padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-secondary[data-v-1610f812]{background:#f3f4f6;color:#6b7280;border:2px solid #e5e7eb}.btn-secondary[data-v-1610f812]:hover{background:#e5e7eb;color:#374151;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.btn-primary[data-v-1610f812]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.3)}.btn-primary[data-v-1610f812]:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.btn-primary[data-v-1610f812]:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}@keyframes fadeIn-1610f812{0%{opacity:0}to{opacity:1}}@keyframes slideIn-1610f812{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.music-content[data-v-1610f812]{grid-template-columns:1fr;gap:1rem}.list-header[data-v-1610f812],.song-item[data-v-1610f812]{grid-template-columns:60px minmax(150px,1fr) minmax(100px,1fr) 80px;gap:.5rem;padding:.75rem 1rem}.song-artist[data-v-1610f812],.song-title[data-v-1610f812]{font-size:.85rem}.header-cell span[data-v-1610f812],.song-duration[data-v-1610f812]{font-size:.8rem}.list-title h3[data-v-1610f812]{font-size:1rem}.player-content[data-v-1610f812]{grid-template-columns:1fr;gap:1rem;text-align:center}.player-progress[data-v-1610f812]{order:-1}.wishlist-section[data-v-1610f812]{padding:1rem}.wishlist-header h3[data-v-1610f812]{font-size:1rem}.wish-artist[data-v-1610f812],.wish-rank[data-v-1610f812],.wish-title[data-v-1610f812],.wishlist-subtitle[data-v-1610f812]{font-size:.8rem}.wish-count[data-v-1610f812]{font-size:.75rem}.modal-content[data-v-1610f812]{width:95%;margin:1rem}.modal-body[data-v-1610f812],.modal-footer[data-v-1610f812],.modal-header[data-v-1610f812]{padding:1rem 1.5rem}.modal-header h3[data-v-1610f812]{font-size:1.25rem}.btn[data-v-1610f812]{padding:.75rem 1.25rem;min-width:80px}}@media (max-width:480px){.list-header[data-v-1610f812],.song-item[data-v-1610f812]{grid-template-columns:50px 1fr 80px;gap:.5rem;padding:.5rem .75rem}.header-cell.artist-header[data-v-1610f812],.song-artist[data-v-1610f812]{display:none}.song-title[data-v-1610f812]{font-size:.8rem}.song-duration[data-v-1610f812]{font-size:.75rem}}.forum-page[data-v-e32a0178]{min-height:100vh;background:#f8fafc;padding:2rem 0}.container[data-v-e32a0178]{max-width:1200px;margin:0 auto;padding:0 2rem}.page-header[data-v-e32a0178]{text-align:center;margin-bottom:3rem}.page-title[data-v-e32a0178]{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(45deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle[data-v-e32a0178]{font-size:1.2rem;color:#64748b;margin:0}.action-bar[data-v-e32a0178]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.search-container[data-v-e32a0178]{flex:1;max-width:500px}.search-box[data-v-e32a0178]{position:relative}.search-icon[data-v-e32a0178]{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1rem}.search-input[data-v-e32a0178]{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e2e8f0;border-radius:.5rem;background:#fff;color:#1e293b;font-size:1rem;transition:all .3s ease}.search-input[data-v-e32a0178]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.search-btn[data-v-e32a0178]{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:#667eea;color:#fff;border:none;padding:.5rem .75rem;border-radius:.25rem;cursor:pointer;transition:all .3s ease}.search-btn[data-v-e32a0178]:hover:not(:disabled){background:#5a67d8}.search-btn[data-v-e32a0178]:disabled{opacity:.6;cursor:not-allowed}.create-btn[data-v-e32a0178],.login-btn[data-v-e32a0178]{background:#10b981;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;gap:.5rem}.create-btn[data-v-e32a0178]:hover,.login-btn[data-v-e32a0178]:hover{background:#059669;transform:translateY(-2px)}.login-btn[data-v-e32a0178]{background:#6b7280}.login-btn[data-v-e32a0178]:hover{background:#4b5563}.articles-section[data-v-e32a0178]{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.section-header[data-v-e32a0178]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.section-title[data-v-e32a0178]{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.article-count[data-v-e32a0178]{color:#64748b;font-size:.9rem}.loading-state[data-v-e32a0178]{text-align:center;padding:3rem 0;color:#64748b}.loading-state i[data-v-e32a0178]{font-size:2rem;margin-bottom:1rem}.articles-list[data-v-e32a0178]{display:flex;flex-direction:column;gap:1rem}.article-card[data-v-e32a0178]{background:#f8fafc;border:2px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;cursor:pointer;transition:all .3s ease}.article-card[data-v-e32a0178]:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.article-content-wrapper[data-v-e32a0178]{display:flex;gap:1rem;align-items:flex-start}.article-cover[data-v-e32a0178]{flex-shrink:0;width:120px;height:90px;border-radius:.5rem;overflow:hidden;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.cover-image[data-v-e32a0178]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.placeholder-cover[data-v-e32a0178]{color:#cbd5e1;font-size:1.5rem}.article-info[data-v-e32a0178]{flex:1;min-width:0}.article-header[data-v-e32a0178]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.article-title[data-v-e32a0178]{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0;flex:1;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-meta-header[data-v-e32a0178]{display:flex;gap:.5rem;color:#64748b;font-size:.75rem}.article-category[data-v-e32a0178]{background:#e0e7ff;color:#4f46e5;padding:.25rem .75rem;border-radius:.375rem;font-weight:500}.article-date[data-v-e32a0178]{color:#64748b;font-size:.75rem;white-space:nowrap;margin-left:1rem}.article-author-info[data-v-e32a0178]{display:flex;align-items:center;gap:.75rem;margin-bottom:.625rem;color:#64748b;font-size:.8125rem}.author-avatar[data-v-e32a0178]{width:2rem;height:2rem}.avatar-placeholder[data-v-e32a0178]{font-size:.875rem}.author-details[data-v-e32a0178]{display:flex;flex-direction:column;gap:.125rem}.author-name[data-v-e32a0178]{font-weight:500;color:#475569}.publish-time[data-v-e32a0178]{font-size:.75rem;color:#94a3b8}.article-excerpt[data-v-e32a0178]{color:#475569;line-height:1.6;margin:.625rem 0 .75rem 0;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.article-stats[data-v-e32a0178]{display:flex;gap:1rem;font-size:.75rem;color:#64748b}.article-stats span[data-v-e32a0178]{display:flex;align-items:center;gap:.25rem}.empty-state[data-v-e32a0178]{text-align:center;padding:4rem 0;color:#64748b}.empty-icon[data-v-e32a0178]{font-size:4rem;opacity:.5;margin-bottom:1rem}.empty-state h3[data-v-e32a0178]{font-size:1.5rem;margin-bottom:.5rem;color:#374151}.pagination[data-v-e32a0178]{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:2px solid #f1f5f9}.page-btn[data-v-e32a0178]{background:#667eea;color:#fff;border:none;padding:.5rem .75rem;border-radius:.25rem;cursor:pointer;transition:all .3s ease}.page-btn[data-v-e32a0178]:hover:not(:disabled){background:#5a67d8}.page-btn[data-v-e32a0178]:disabled{background:#cbd5e1;cursor:not-allowed}.page-info[data-v-e32a0178]{color:#64748b;font-size:.9rem}.modal-overlay[data-v-e32a0178]{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}.modal-content[data-v-e32a0178]{background:#fff;border-radius:1rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.modal-content.article-detail[data-v-e32a0178]{max-width:800px}.modal-header[data-v-e32a0178]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #f1f5f9}.modal-header h3[data-v-e32a0178]{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.close-btn[data-v-e32a0178]{background:none;border:none;font-size:1.25rem;color:#64748b;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .3s ease}.close-btn[data-v-e32a0178]:hover{background:#f1f5f9;color:#374151}.modal-body[data-v-e32a0178]{padding:1.5rem}.form-group[data-v-e32a0178]{margin-bottom:1.5rem}.form-label[data-v-e32a0178]{display:block;font-weight:500}.form-input[data-v-e32a0178],.form-select[data-v-e32a0178],.form-textarea[data-v-e32a0178]{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;color:#1e293b;transition:all .3s ease;resize:vertical;background:#fff}.form-input[data-v-e32a0178]:focus,.form-select[data-v-e32a0178]:focus,.form-textarea[data-v-e32a0178]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-select[data-v-e32a0178]{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}.form-actions[data-v-e32a0178]{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-btn[data-v-e32a0178],.submit-btn[data-v-e32a0178]{padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.cancel-btn[data-v-e32a0178]:hover{background:#e2e8f0}.submit-btn[data-v-e32a0178]{background:#10b981;color:#fff}.submit-btn[data-v-e32a0178]:hover:not(:disabled){background:#059669}.submit-btn[data-v-e32a0178]:disabled{opacity:.6;cursor:not-allowed}.cover-preview[data-v-e32a0178],.cover-upload-area[data-v-e32a0178]{margin-bottom:1rem}.cover-preview .cover-image[data-v-e32a0178]{max-width:200px;max-height:150px;border-radius:.5rem;border:2px solid #e2e8f0}.cover-actions[data-v-e32a0178]{position:absolute;top:-8px;right:-8px}.remove-cover-btn[data-v-e32a0178]{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-e32a0178]:hover{background:#dc2626}.upload-placeholder[data-v-e32a0178]{cursor:pointer;padding:2rem;border:2px dashed #e2e8f0;border-radius:.5rem;transition:all .3s ease}.upload-placeholder[data-v-e32a0178]:hover{border-color:#667eea;background:#f8fafc}.upload-placeholder i[data-v-e32a0178]{font-size:2rem;color:#9ca3af;margin-bottom:.5rem}.upload-placeholder p[data-v-e32a0178]{margin:.5rem 0;font-weight:500;color:#374151}.upload-hint[data-v-e32a0178]{font-size:.875rem;color:#64748b}.content-editor[data-v-e32a0178]{border:2px solid #e2e8f0;border-radius:.5rem;overflow:hidden;transition:all .3s ease}.content-editor[data-v-e32a0178]:focus-within{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.editor-toolbar[data-v-e32a0178]{border:1px solid #e2e8f0;border-bottom:none;border-radius:.375rem .375rem 0 0}.toolbar-btn[data-v-e32a0178]{color:#374151}.toolbar-btn.active[data-v-e32a0178],.toolbar-btn[data-v-e32a0178]:hover{background:#667eea;color:#fff;border-color:#667eea}.content-input[data-v-e32a0178]{min-height:200px;padding:1rem;font-size:1rem;line-height:1.6;outline:none;background:#fff;color:#1e293b}.content-input[data-v-e32a0178]:empty:before{content:attr(placeholder);color:#94a3b8;pointer-events:none}.content-input img[data-v-e32a0178]{max-width:100%;height:auto;margin:.5rem 0;border-radius:.25rem;border:1px solid #e2e8f0}.content-input p[data-v-e32a0178]{margin:0 0 .5rem 0}.content-input p[data-v-e32a0178]:last-child{margin-bottom:0}.required[data-v-e32a0178]{color:#ef4444}.optional[data-v-e32a0178]{color:#64748b;font-weight:400;font-size:.875rem}.article-info[data-v-e32a0178]{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.article-text[data-v-e32a0178]{line-height:1.8;color:#374151;white-space:pre-wrap}.comments-section[data-v-e32a0178]{border-top:1px solid #e2e8f0;padding-top:1.5rem}.comments-header h4[data-v-e32a0178]{margin-bottom:1rem;color:#1e293b;font-size:1.125rem}.comment-form[data-v-e32a0178]{margin-bottom:1.5rem}.comment-input[data-v-e32a0178]{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:.9rem;resize:vertical;min-height:80px;margin-bottom:.75rem}.comment-input[data-v-e32a0178]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.comment-submit[data-v-e32a0178]{background:#667eea;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.comment-submit[data-v-e32a0178]:hover:not(:disabled){background:#5a67d8}.comment-submit[data-v-e32a0178]:disabled{opacity:.6;cursor:not-allowed}.login-prompt[data-v-e32a0178]{text-align:center;padding:1rem;background:#f8fafc;border-radius:.5rem;margin-bottom:1.5rem}.login-prompt a[data-v-e32a0178]{color:#667eea;text-decoration:none;font-weight:600}.login-prompt a[data-v-e32a0178]:hover{text-decoration:underline}.comments-list[data-v-e32a0178]{display:flex;flex-direction:column;gap:1rem}.comment-item[data-v-e32a0178]{display:flex;gap:1rem;padding:1rem;background:#f8fafc;border-radius:.5rem}.comment-avatar[data-v-e32a0178]{flex-shrink:0;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#e2e8f0;display:flex;align-items:center;justify-content:center}.avatar-placeholder[data-v-e32a0178]{font-size:1.5rem;color:#94a3b8}.comment-content-wrapper[data-v-e32a0178]{flex:1;min-width:0}.comment-header[data-v-e32a0178]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.comment-author-info[data-v-e32a0178]{display:flex;flex-direction:column;gap:.25rem}.comment-author[data-v-e32a0178]{font-weight:600;color:#475569}.comment-date[data-v-e32a0178]{color:#64748b;font-size:.875rem}.delete-comment[data-v-e32a0178]{background:#ef4444;color:#fff;border:none;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;cursor:pointer;transition:all .3s ease}.delete-comment[data-v-e32a0178]:hover{background:#dc2626}.comment-content[data-v-e32a0178]{color:#1e293b;line-height:1.6;margin:0}.no-comments[data-v-e32a0178]{text-align:center;padding:2rem;color:#64748b;background:#f8fafc;border-radius:.5rem}.article-actions[data-v-e32a0178]{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #f1f5f9}.cover-edit[data-v-e32a0178]{border-bottom:2px solid #f1f5f9}.content-textarea[data-v-e32a0178]{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;color:#1e293b;resize:vertical;min-height:200px;background:#fff}.content-textarea[data-v-e32a0178]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.article-meta[data-v-e32a0178]{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.article-update[data-v-e32a0178]{color:#64748b;font-size:.875rem}.article-detail[data-v-e32a0178]{max-width:800px;width:90%;max-height:90vh;overflow-y:auto}.article-detail .modal-header[data-v-e32a0178]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.header-content[data-v-e32a0178]{display:flex;justify-content:space-between;align-items:center;width:100%}.article-detail .modal-body[data-v-e32a0178]{padding:1.5rem}.article-user-info[data-v-e32a0178]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.author-info[data-v-e32a0178]{display:flex;align-items:center;gap:.75rem}.author-avatar[data-v-e32a0178]{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar-image[data-v-e32a0178]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder[data-v-e32a0178]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e2e8f0;color:#64748b;font-size:1rem}.article-author[data-v-e32a0178]{color:#475569;font-weight:500;display:flex;align-items:center;gap:.5rem}.time-info[data-v-e32a0178]{display:flex;align-items:center;gap:1rem;color:#64748b;font-size:.875rem}.article-date[data-v-e32a0178],.article-update[data-v-e32a0178]{display:flex;align-items:center;gap:.5rem}.article-cover[data-v-e32a0178]{margin-bottom:1.5rem;text-align:center}.cover-image[data-v-e32a0178]{max-width:100%;max-height:400px;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.article-content[data-v-e32a0178]{margin-bottom:2rem}.article-text[data-v-e32a0178]{line-height:1.7;color:#1e293b;font-size:1rem}.rich-text-editor[data-v-e32a0178]{border:2px solid #e2e8f0;border-radius:.5rem;overflow:hidden}.editor-toolbar[data-v-e32a0178]{display:flex;align-items:center;gap:.25rem;padding:.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.toolbar-btn[data-v-e32a0178]{background:#fff;border:1px solid #e2e8f0;border-radius:.25rem;padding:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem}.toolbar-btn[data-v-e32a0178]:hover{background:#f1f5f9;border-color:#cbd5e1}.toolbar-btn[data-v-e32a0178]:active{background:#e2e8f0}.toolbar-separator[data-v-e32a0178]{width:1px;height:1.5rem;background:#e2e8f0;margin:0 .25rem}.editor-content[data-v-e32a0178]{min-height:200px;padding:1rem;outline:none;line-height:1.6;color:#1e293b;background:#fff}.editor-content[data-v-e32a0178]:focus{background:#fafafa}.article-actions[data-v-e32a0178]{display:flex;gap:.75rem;justify-content:flex-end;margin-bottom:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.action-btn[data-v-e32a0178]{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-e32a0178]:hover:not(:disabled){background:#5a67d8}.action-btn[data-v-e32a0178]:disabled{opacity:.6;cursor:not-allowed;background:#cbd5e1}.action-btn i[data-v-e32a0178]{font-size:.875rem}.edit-btn[data-v-e32a0178]{background:#4f46e5}.edit-btn[data-v-e32a0178]:hover:not(:disabled){background:#4338ca}.delete-btn[data-v-e32a0178]{background:#ef4444}.delete-btn[data-v-e32a0178]:hover:not(:disabled){background:#dc2626}.save-btn[data-v-e32a0178]{background:#10b981}.save-btn[data-v-e32a0178]:hover:not(:disabled){background:#059669}.cancel-btn[data-v-e32a0178]{background:#f1f5f9;color:#64748b}.cancel-btn[data-v-e32a0178]:hover:not(:disabled){background:#e2e8f0;color:#374151}.title-display[data-v-e32a0178],.title-edit[data-v-e32a0178]{flex:1;display:flex;align-items:center;gap:.75rem}.title-input[data-v-e32a0178]{flex:1;padding:.5rem .75rem;border:2px solid #e2e8f0;border-radius:.375rem;font-size:1.25rem;font-weight:600;color:#1e293b;transition:all .3s ease}.title-input[data-v-e32a0178]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.cover-edit[data-v-e32a0178]{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.cover-preview[data-v-e32a0178]{position:relative;display:inline-block;margin-bottom:.75rem;width:100%;max-width:300px;height:200px;border-radius:.5rem;overflow:hidden;background:#f1f5f9;display:flex;align-items:center;justify-content:center;border:2px dashed #e2e8f0}.cover-preview.active[data-v-e32a0178]{border-color:#667eea;background:#f8fafc}.cover-preview-image[data-v-e32a0178]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cover-placeholder[data-v-e32a0178]{color:#cbd5e1;font-size:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.cover-placeholder i[data-v-e32a0178]{font-size:3rem;margin-bottom:.5rem}.cover-placeholder span[data-v-e32a0178]{font-size:.9rem;color:#64748b}.cover-input[data-v-e32a0178]{display:none}.upload-btn[data-v-e32a0178]{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}.upload-btn[data-v-e32a0178]:hover:not(:disabled){background:#5a67d8}.upload-btn[data-v-e32a0178]:disabled{opacity:.6;cursor:not-allowed;background:#cbd5e1}.upload-btn i[data-v-e32a0178]{font-size:.875rem}.article-edit[data-v-e32a0178]{gap:1.5rem}.article-edit[data-v-e32a0178],.content-edit[data-v-e32a0178]{display:flex;flex-direction:column}.form-label[data-v-e32a0178]{font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.9rem}@media (max-width:768px){.container[data-v-e32a0178]{padding:0 1rem}.page-title[data-v-e32a0178]{font-size:2rem}.action-bar[data-v-e32a0178]{flex-direction:column;align-items:stretch}.search-container[data-v-e32a0178]{max-width:none}.article-header[data-v-e32a0178]{flex-direction:column;gap:.5rem}.article-date[data-v-e32a0178]{margin-left:0}.article-meta[data-v-e32a0178]{flex-wrap:wrap;gap:1rem}.modal-overlay[data-v-e32a0178]{padding:1rem}.form-actions[data-v-e32a0178]{flex-direction:column}.article-actions[data-v-e32a0178]{flex-direction:column;gap:.75rem}.title-display[data-v-e32a0178],.title-edit[data-v-e32a0178]{flex-direction:column;align-items:flex-start;gap:.5rem}.title-input[data-v-e32a0178]{width:100%}.cover-edit[data-v-e32a0178]{flex-direction:column;align-items:flex-start;gap:.75rem}.cover-preview[data-v-e32a0178]{width:100%;max-width:none;height:150px}.cover-preview-image[data-v-e32a0178]{width:100%;height:100%}.cover-placeholder[data-v-e32a0178]{font-size:1.5rem}.cover-placeholder i[data-v-e32a0178]{font-size:2rem}.cover-placeholder span[data-v-e32a0178]{font-size:.875rem}.upload-btn[data-v-e32a0178]{width:100%}.article-edit[data-v-e32a0178]{gap:1rem}.content-edit[data-v-e32a0178]{gap:.75rem}.content-textarea[data-v-e32a0178]{min-height:150px}.article-meta[data-v-e32a0178]{flex-direction:column;align-items:flex-start;gap:.75rem}.author-info[data-v-e32a0178],.time-info[data-v-e32a0178]{flex-direction:column;align-items:flex-start;gap:.5rem}}.login-page[data-v-5b4c9376]{min-height:100vh;background:#fff;display:flex;align-items:center;justify-content:center;padding:2rem}.login-container[data-v-5b4c9376]{width:100%;max-width:450px}.login-card[data-v-5b4c9376]{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 hsla(0,0%,100%,.2)}.card-header[data-v-5b4c9376]{text-align:center;margin-bottom:2rem}.brand-title[data-v-5b4c9376]{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(45deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-subtitle[data-v-5b4c9376]{color:#6b7280;font-size:1rem;margin:0}.tab-nav[data-v-5b4c9376]{display:flex;background:#f3f4f6;border-radius:1rem;padding:.25rem;margin-bottom:2rem}.tab-btn[data-v-5b4c9376]{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-5b4c9376]{background:#fff;color:#ff6b35;box-shadow:0 2px 8px rgba(0,0,0,.1)}.form-container[data-v-5b4c9376]{margin-bottom:1.5rem}.auth-form[data-v-5b4c9376]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-5b4c9376]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-5b4c9376]{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#374151;font-size:.9rem}.form-label i[data-v-5b4c9376]{color:#ff6b35;width:16px}.form-input[data-v-5b4c9376]{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.9rem;transition:all .3s ease;background:#fff}.form-input[data-v-5b4c9376]:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px rgba(255,107,53,.1)}.password-input[data-v-5b4c9376]{position:relative;display:flex;align-items:center}.password-toggle[data-v-5b4c9376]{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-5b4c9376]:hover{color:#ff6b35}.captcha-container[data-v-5b4c9376]{display:flex;align-items:center;gap:.75rem}.captcha-input[data-v-5b4c9376]{flex:1;max-width:150px}.captcha-image[data-v-5b4c9376]{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-5b4c9376]:hover{border-color:#ff6b35;background:#fff7ed}.captcha-image img[data-v-5b4c9376]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:.5rem}.captcha-loading[data-v-5b4c9376]{font-size:.75rem;color:#6b7280}.refresh-captcha-btn[data-v-5b4c9376]{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-5b4c9376]:hover{background:#ff6b35;border-color:#ff6b35;color:#fff}.refresh-captcha-btn i[data-v-5b4c9376]{font-size:.875rem}.captcha-field[data-v-5b4c9376]{flex:1}.captcha-code[data-v-5b4c9376]{background:linear-gradient(45deg,#ff6b35,#f7931e);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-5b4c9376]:hover{transform:scale(1.05)}.verification-input[data-v-5b4c9376]{display:flex;gap:.75rem;align-items:center}.verification-field[data-v-5b4c9376]{flex:1}.send-code-btn[data-v-5b4c9376]{background:#ff6b35;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-5b4c9376]:hover:not(:disabled){background:#e55a2b}.send-code-btn[data-v-5b4c9376]:disabled{background:#d1d5db;cursor:not-allowed}.verification-actions[data-v-5b4c9376]{margin-top:.75rem;display:flex;justify-content:center}.verify-code-btn[data-v-5b4c9376]{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-5b4c9376]:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.verify-code-btn[data-v-5b4c9376]:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.verified-success[data-v-5b4c9376]{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-5b4c9376]{color:#10b981;font-size:1.25rem}.verified-success span[data-v-5b4c9376]{font-size:.95rem}.form-options[data-v-5b4c9376]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.checkbox-label[data-v-5b4c9376]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#6b7280;position:relative}.checkbox-label input[type=checkbox][data-v-5b4c9376]{display:none}.checkmark[data-v-5b4c9376]{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-5b4c9376]{background:#ff6b35;border-color:#ff6b35}.checkbox-label input[type=checkbox]:checked+.checkmark[data-v-5b4c9376]:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.8rem;font-weight:700}.link[data-v-5b4c9376]{color:#ff6b35;text-decoration:none;transition:color .3s ease}.link[data-v-5b4c9376]:hover{color:#e55a2b;text-decoration:underline}.submit-btn[data-v-5b4c9376]{background:linear-gradient(45deg,#ff6b35,#f7931e);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-5b4c9376]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,107,53,.3)}.submit-btn[data-v-5b4c9376]:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.forgot-info[data-v-5b4c9376]{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-5b4c9376]{color:#0ea5e9;margin-top:.125rem;flex-shrink:0}.forgot-info p[data-v-5b4c9376]{color:#0c4a6e;font-size:.9rem;line-height:1.5;margin:0}.back-option[data-v-5b4c9376]{text-align:center;margin-top:1rem}.back-btn[data-v-5b4c9376]{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-5b4c9376]:hover{background:#f3f4f6;border-color:#9ca3af}.message[data-v-5b4c9376]{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-5b4c9376]{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.message.error[data-v-5b4c9376]{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.message.info[data-v-5b4c9376]{background:#f0f9ff;border:1px solid #bae6fd;color:#0c4a6e}.error-message[data-v-5b4c9376]{color:#dc2626;font-size:.8rem;margin-top:.25rem}.field-hint[data-v-5b4c9376]{font-size:.8rem;margin-top:.5rem;padding:.25rem 0;display:flex;align-items:center;gap:.25rem}.field-hint.success[data-v-5b4c9376]{color:#16a34a}.field-hint.error[data-v-5b4c9376]{color:#dc2626}.field-hint.checking[data-v-5b4c9376]{color:#6b7280}.password-strength[data-v-5b4c9376]{margin-top:.5rem;display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#6b7280}.strength-bar[data-v-5b4c9376]{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.strength-fill[data-v-5b4c9376]{height:100%;border-radius:3px;transition:width .3s ease}.strength-fill.weak[data-v-5b4c9376]{background:#ef4444;width:25%}.strength-fill.medium[data-v-5b4c9376]{background:#f59e0b;width:50%}.strength-fill.strong[data-v-5b4c9376]{background:#10b981;width:75%}.strength-fill.very-strong[data-v-5b4c9376]{background:#10b981;width:100%}.strength-text[data-v-5b4c9376]{font-weight:500;color:#374151}@media (max-width:640px){.login-page[data-v-5b4c9376]{padding:1rem}.login-card[data-v-5b4c9376]{padding:2rem 1.5rem}.brand-title[data-v-5b4c9376]{font-size:2rem}.tab-nav[data-v-5b4c9376]{flex-direction:column;gap:.25rem}.tab-btn[data-v-5b4c9376]{padding:.75rem}.captcha-input[data-v-5b4c9376],.verification-input[data-v-5b4c9376]{flex-direction:column;align-items:stretch}.captcha-code[data-v-5b4c9376],.send-code-btn[data-v-5b4c9376]{width:100%}.form-options[data-v-5b4c9376]{flex-direction:column;align-items:flex-start}}.profile-edit-page[data-v-53d40363]{min-height:100vh;background:#f8fafc;padding:2rem 0}.container[data-v-53d40363]{max-width:800px;margin:0 auto;padding:0 2rem}.page-header[data-v-53d40363]{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.back-btn[data-v-53d40363]{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-53d40363]:hover{background:#4b5563;transform:translateY(-2px)}.page-title[data-v-53d40363]{font-size:2rem;font-weight:700;color:#1f2937;margin:0}.profile-form-container[data-v-53d40363]{display:flex;justify-content:center}.profile-card[data-v-53d40363]{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-53d40363]{display:flex;justify-content:center;margin-bottom:2rem}.avatar-container[data-v-53d40363]{position:relative;width:120px;height:120px}.avatar-image[data-v-53d40363]{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#f7931e);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-53d40363]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-upload-btn[data-v-53d40363]{position:absolute;bottom:-10px;right:-10px;background:#ff6b35;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(255,107,53,.4);z-index:10}.avatar-upload-btn[data-v-53d40363]:hover{background:#e55a2b;transform:translateY(-2px)}.upload-text[data-v-53d40363]{white-space:nowrap}.profile-form[data-v-53d40363]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-53d40363]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-53d40363]{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151;font-size:.9rem}.form-label i[data-v-53d40363]{color:#ff6b35;width:16px}.form-input[data-v-53d40363]{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.9rem;transition:all .3s ease;background:#fff}.form-input[data-v-53d40363]:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px rgba(255,107,53,.1)}.form-input[data-v-53d40363]:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.password-input[data-v-53d40363]{position:relative;display:flex;align-items:center}.password-toggle[data-v-53d40363]{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-53d40363]:hover{color:#ff6b35}.form-hint[data-v-53d40363]{color:#6b7280;font-size:.8rem;margin-top:.25rem}.checkbox-group[data-v-53d40363]{display:flex;align-items:center}.checkbox-label[data-v-53d40363]{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:600;color:#374151;font-size:.9rem;padding:.5rem 0}.checkbox-input[data-v-53d40363]{display:none}.checkbox-custom[data-v-53d40363]{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-53d40363]{background:#ff6b35;border-color:#ff6b35}.checkbox-input:checked+.checkbox-custom[data-v-53d40363]: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-53d40363]{color:#ff6b35;width:16px}.email-change-section[data-v-53d40363],.password-change-section[data-v-53d40363]{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-53d40363]{display:flex;align-items:center;gap:.75rem}.captcha-input[data-v-53d40363]{flex:1;max-width:150px}.captcha-input-group[data-v-53d40363]{display:flex;align-items:center;gap:.75rem}.captcha-image[data-v-53d40363]{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-53d40363]:hover{border-color:#ff6b35;background:#fff7ed}.captcha-image img[data-v-53d40363]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:.5rem}.captcha-loading[data-v-53d40363]{font-size:.75rem;color:#6b7280}.refresh-captcha-btn[data-v-53d40363]{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-53d40363]:hover{background:#ff6b35;border-color:#ff6b35;color:#fff}.refresh-captcha-btn i[data-v-53d40363]{font-size:.875rem}.send-captcha-btn[data-v-53d40363]{background:#ff6b35;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-53d40363]:hover:not(:disabled){background:#e55a2b;transform:translateY(-2px)}.send-captcha-btn[data-v-53d40363]:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.form-actions[data-v-53d40363]{display:flex;gap:1rem;margin-top:1rem}.clear-btn[data-v-53d40363]{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-53d40363]:hover{background:#c82333;transform:translateY(-2px)}.reset-btn[data-v-53d40363]{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-53d40363]:hover{background:#4b5563;transform:translateY(-2px)}.refresh-btn[data-v-53d40363]{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-53d40363]:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db;color:#374151}.refresh-btn[data-v-53d40363]:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.submit-btn[data-v-53d40363]{background:linear-gradient(45deg,#ff6b35,#f7931e);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-53d40363]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,107,53,.3)}.submit-btn[data-v-53d40363]:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.message[data-v-53d40363]{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-53d40363]{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.message.error[data-v-53d40363]{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.message.info[data-v-53d40363]{background:#f0f9ff;border:1px solid #bae6fd;color:#0c4a6e}@media (max-width:768px){.container[data-v-53d40363]{padding:0 1rem}.profile-card[data-v-53d40363]{padding:2rem 1.5rem}.page-title[data-v-53d40363]{font-size:1.5rem}.form-actions[data-v-53d40363]{flex-direction:column}.message[data-v-53d40363]{top:1rem;right:1rem;left:1rem;min-width:auto}}.about-page[data-v-1dd811ef]{min-height:100vh;background:#fff;padding:2rem 0}.container[data-v-1dd811ef]{width:80%;max-width:none;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;align-items:center}.page-header[data-v-1dd811ef]{text-align:center;margin-bottom:3rem;color:#333;width:100%}.page-title[data-v-1dd811ef]{font-size:3rem;font-weight:700;margin-bottom:1rem;color:#667eea;text-shadow:none}.page-subtitle[data-v-1dd811ef]{font-size:1.2rem;color:#666;margin:0}.info-section[data-v-1dd811ef]{margin-bottom:2rem;width:100%;display:flex;justify-content:center}.info-card[data-v-1dd811ef]{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 4px 20px rgba(0,0,0,.1);border:2px solid #f0f0f0;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;width:100%;max-width:100%;box-sizing:border-box;flex:1}.info-card[data-v-1dd811ef]:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(102,126,234,.15);border-color:#667eea}.card-header[data-v-1dd811ef]{display:flex;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.card-header i[data-v-1dd811ef]{font-size:1.5rem;color:#667eea;margin-right:.5rem}.card-header h2[data-v-1dd811ef]{font-size:1.8rem;font-weight:600;color:#333;margin:0}.card-content[data-v-1dd811ef]{line-height:1.8;color:#555;width:100%;box-sizing:border-box}.card-content p[data-v-1dd811ef]{margin-bottom:1rem;font-size:1.1rem;word-wrap:break-word;overflow-wrap:break-word}.card-content p[data-v-1dd811ef]:last-child{margin-bottom:0}.version-item[data-v-1dd811ef]{margin-bottom:2rem;padding:1.5rem;background:#f8f9ff;border-radius:12px;border-left:4px solid #667eea;border:1px solid #e8ecff;width:100%;box-sizing:border-box;transition:all .3s ease;box-shadow:0 2px 8px rgba(102,126,234,.1)}.version-item[data-v-1dd811ef]:hover{box-shadow:0 4px 16px rgba(102,126,234,.15);transform:translateY(-2px)}.version-item[data-v-1dd811ef]:last-child{margin-bottom:0}.version-header[data-v-1dd811ef]{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-1dd811ef]:hover{background-color:rgba(102,126,234,.05)}.version-header[data-v-1dd811ef]:active{background-color:rgba(102,126,234,.1);transform:scale(.98)}.version-info[data-v-1dd811ef]{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.version-number[data-v-1dd811ef]{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-1dd811ef]{color:#888;font-size:.95rem;white-space:nowrap}.version-count[data-v-1dd811ef]{font-size:.9rem;color:#888;margin-left:.5rem;white-space:nowrap}.version-toggle[data-v-1dd811ef]{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-1dd811ef]:hover{background:rgba(102,126,234,.2);transform:scale(1.1)}.version-toggle i[data-v-1dd811ef]{transition:transform .3s ease}.version-content[data-v-1dd811ef]{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-1dd811ef]{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-1dd811ef]{list-style:none;padding:0;margin:0;padding-left:1rem}.version-features li[data-v-1dd811ef]{padding:.5rem 0;font-size:1rem;color:#555;border-bottom:1px solid #eee;position:relative;transition:all .3s ease}.version-features li[data-v-1dd811ef]:hover{color:#667eea;padding-left:.5rem}.version-features li[data-v-1dd811ef]:before{content:"•";color:#667eea;font-weight:700;position:absolute;left:-1rem;transition:all .3s ease}.version-features li[data-v-1dd811ef]:hover:before{transform:scale(1.2)}.version-features li[data-v-1dd811ef]:last-child{border-bottom:none}@media (max-width:768px){.container[data-v-1dd811ef]{width:90%;padding:0 1rem}.page-title[data-v-1dd811ef]{font-size:2.2rem}.info-card[data-v-1dd811ef]{padding:1.5rem}.card-header[data-v-1dd811ef]{flex-direction:column;align-items:flex-start}.card-header i[data-v-1dd811ef]{margin-bottom:.5rem}.version-header[data-v-1dd811ef],.version-info[data-v-1dd811ef]{flex-direction:column;align-items:flex-start;gap:.5rem}.version-toggle[data-v-1dd811ef]{position:absolute;top:1rem;right:1rem}.version-item[data-v-1dd811ef]{padding:1rem}.version-features li[data-v-1dd811ef]{font-size:.95rem;padding:.4rem 0}}@media (max-width:480px){.container[data-v-1dd811ef]{width:95%;padding:0 .5rem}.page-title[data-v-1dd811ef]{font-size:1.8rem}.info-card[data-v-1dd811ef]{padding:1rem}.card-content p[data-v-1dd811ef]{font-size:1rem}.version-item[data-v-1dd811ef]{padding:.8rem}.version-header[data-v-1dd811ef]{padding:.3rem}.version-number[data-v-1dd811ef]{font-size:1.1rem;padding:.2rem .6rem}.version-date[data-v-1dd811ef]{font-size:.85rem}.version-count[data-v-1dd811ef]{font-size:.8rem}.version-toggle[data-v-1dd811ef]{width:28px;height:28px;font-size:.9rem}.version-features li[data-v-1dd811ef]{font-size:.9rem;padding:.3rem 0}.version-features[data-v-1dd811ef]{padding-left:.5rem}.version-features li[data-v-1dd811ef]:before{left:-.5rem}}.captcha-test[data-v-67b401b4]{padding:2rem;max-width:800px;margin:0 auto}.test-section[data-v-67b401b4]{margin-bottom:2rem;padding:1.5rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#f9fafb}.test-section h3[data-v-67b401b4]{margin-top:0;color:#1f2937;border-bottom:2px solid #ff6b35;padding-bottom:.5rem}button[data-v-67b401b4]{background:#ff6b35;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-size:1rem;margin:.5rem .5rem .5rem 0}button[data-v-67b401b4]:hover{background:#e55a2b}button[data-v-67b401b4]:disabled{background:#9ca3af;cursor:not-allowed}.form-group[data-v-67b401b4]{margin:1rem 0}.form-group label[data-v-67b401b4]{display:block;margin-bottom:.5rem;font-weight:600}.form-group input[data-v-67b401b4]{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem}.result[data-v-67b401b4]{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:.5rem;padding:1rem;margin:1rem 0}.error[data-v-67b401b4]{background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;padding:1rem;margin:1rem 0;color:#991b1b}.captcha-display[data-v-67b401b4]{margin-top:1rem}.captcha-display img[data-v-67b401b4]{border:1px solid #e5e7eb;border-radius:.5rem;max-width:200px}.logs[data-v-67b401b4]{max-height:300px;overflow-y:auto;background:#1f2937;border-radius:.5rem;padding:1rem}.log-item[data-v-67b401b4]{display:flex;gap:1rem;padding:.5rem;border-radius:.25rem;margin-bottom:.5rem;font-size:.875rem;font-family:monospace}.log-item.info[data-v-67b401b4]{background:#eff6ff;color:#1e40af}.log-item.success[data-v-67b401b4]{background:#ecfdf5;color:#065f46}.log-item.error[data-v-67b401b4]{background:#fef2f2;color:#991b1b}.log-time[data-v-67b401b4]{font-weight:600;min-width:80px}.log-message[data-v-67b401b4]{flex:1;word-break:break-all}.login-status-test[data-v-469254e6]{padding:2rem;max-width:1200px;margin:0 auto}.container[data-v-469254e6]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 20px rgba(0,0,0,.1)}h1[data-v-469254e6]{color:#333;margin-bottom:2rem;text-align:center}h2[data-v-469254e6]{color:#555;margin-bottom:1rem;border-bottom:2px solid #eee;padding-bottom:.5rem}.actions-section[data-v-469254e6],.status-section[data-v-469254e6],.storage-section[data-v-469254e6]{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px}.status-info p[data-v-469254e6]{margin:.5rem 0;font-size:1rem}.status-info pre[data-v-469254e6]{background:#f1f3f4;padding:1rem;border-radius:4px;overflow-x:auto;font-size:.9rem}.action-buttons[data-v-469254e6]{display:flex;gap:1rem;flex-wrap:wrap}.btn[data-v-469254e6]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-469254e6]{background:#007bff;color:#fff}.btn-primary[data-v-469254e6]:hover{background:#0056b3}.btn-danger[data-v-469254e6]{background:#dc3545;color:#fff}.btn-danger[data-v-469254e6]:hover{background:#c82333}.btn-secondary[data-v-469254e6]{background:#6c757d;color:#fff}.btn-secondary[data-v-469254e6]:hover{background:#545b62}.btn-success[data-v-469254e6]{background:#28a745;color:#fff}.btn-success[data-v-469254e6]:hover{background:#1e7e34}.storage-info h3[data-v-469254e6]{color:#666;margin:1rem 0 .5rem 0;font-size:1rem}.storage-info pre[data-v-469254e6]{background:#f1f3f4;padding:1rem;border-radius:4px;overflow-x:auto;font-size:.8rem;max-height:200px;overflow-y:auto}.auth-debug[data-v-6cdbe5a4]{padding:2rem;max-width:1400px;margin:0 auto}.container[data-v-6cdbe5a4]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 20px rgba(0,0,0,.1)}h1[data-v-6cdbe5a4]{color:#333;margin-bottom:2rem;text-align:center}h2[data-v-6cdbe5a4]{color:#555;margin-bottom:1rem;border-bottom:2px solid #eee;padding-bottom:.5rem}.debug-section[data-v-6cdbe5a4]{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px}.status-grid[data-v-6cdbe5a4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.status-card[data-v-6cdbe5a4]{background:#fff;padding:1rem;border-radius:8px;border:1px solid #e9ecef}.status-card h3[data-v-6cdbe5a4]{margin:0 0 1rem 0;color:#495057;font-size:1rem}.status-card p[data-v-6cdbe5a4]{margin:.5rem 0;font-size:.9rem}.action-buttons[data-v-6cdbe5a4]{display:flex;gap:1rem;flex-wrap:wrap}.btn[data-v-6cdbe5a4]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-6cdbe5a4]{background:#007bff;color:#fff}.btn-secondary[data-v-6cdbe5a4]{background:#6c757d;color:#fff}.btn-success[data-v-6cdbe5a4]{background:#28a745;color:#fff}.btn-danger[data-v-6cdbe5a4]{background:#dc3545;color:#fff}.btn-warning[data-v-6cdbe5a4]{background:#ffc107;color:#212529}.btn-outline[data-v-6cdbe5a4]{background:transparent;border:1px solid #6c757d;color:#6c757d}.btn[data-v-6cdbe5a4]:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.log-container[data-v-6cdbe5a4]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem;max-height:300px;overflow-y:auto;margin-bottom:1rem}.log-entry[data-v-6cdbe5a4]{display:flex;gap:1rem;padding:.5rem 0;border-bottom:1px solid #e9ecef;font-family:monospace;font-size:.85rem}.log-time[data-v-6cdbe5a4]{color:#6c757d;min-width:80px}.log-type[data-v-6cdbe5a4]{min-width:60px;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700}.log-type.success[data-v-6cdbe5a4]{background:#d4edda;color:#155724}.log-type.error[data-v-6cdbe5a4]{background:#f8d7da;color:#721c24}.log-type.info[data-v-6cdbe5a4]{background:#d1ecf1;color:#0c5460}.log-type.warning[data-v-6cdbe5a4]{background:#fff3cd;color:#856404}.storage-tabs[data-v-6cdbe5a4]{display:flex;gap:.5rem;margin-bottom:1rem}.tab-btn[data-v-6cdbe5a4]{padding:.5rem 1rem;border:1px solid #e9ecef;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease}.tab-btn.active[data-v-6cdbe5a4]{background:#007bff;color:#fff;border-color:#007bff}.storage-content[data-v-6cdbe5a4]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem;max-height:400px;overflow:auto}.storage-content pre[data-v-6cdbe5a4]{margin:0;font-size:.8rem;line-height:1.4}.article-edit-page[data-v-354a9440]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 0}.container[data-v-354a9440]{max-width:800px;margin:0 auto;padding:0 20px}.page-header[data-v-354a9440]{text-align:center;margin-bottom:30px;color:#fff}.page-title[data-v-354a9440]{font-size:2.5rem;margin-bottom:10px;font-weight:700}.page-subtitle[data-v-354a9440]{font-size:1.1rem;opacity:.9}.edit-form-container[data-v-354a9440]{background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.article-form[data-v-354a9440]{display:flex;flex-direction:column;gap:25px}.form-group[data-v-354a9440]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-354a9440]{font-weight:600;color:#333;font-size:1rem}.required[data-v-354a9440]{color:#e74c3c}.optional[data-v-354a9440]{color:#7f8c8d;font-size:.9rem}.form-input[data-v-354a9440],.form-select[data-v-354a9440],.form-textarea[data-v-354a9440]{padding:12px 15px;border:2px solid #e1e8ed;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-input[data-v-354a9440]:focus,.form-select[data-v-354a9440]:focus,.form-textarea[data-v-354a9440]:focus{outline:none;border-color:#667eea}.form-textarea[data-v-354a9440]{resize:vertical;min-height:100px}.char-count[data-v-354a9440]{text-align:right;font-size:.8rem;color:#7f8c8d}.cover-upload-area[data-v-354a9440]{border:2px dashed #e1e8ed;border-radius:8px;padding:20px;text-align:center;transition:border-color .3s ease}.cover-upload-area[data-v-354a9440]:hover{border-color:#667eea}.cover-preview[data-v-354a9440]{position:relative;display:inline-block}.cover-image[data-v-354a9440]{max-width:200px;max-height:150px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.cover-actions[data-v-354a9440]{position:absolute;top:-10px;right:-10px}.remove-cover-btn[data-v-354a9440]{background:#e74c3c;color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;transition:background-color .3s ease}.remove-cover-btn[data-v-354a9440]:hover{background:#c0392b}.upload-placeholder[data-v-354a9440]{cursor:pointer;padding:20px}.upload-placeholder i[data-v-354a9440]{font-size:2rem;color:#7f8c8d;margin-bottom:10px}.upload-placeholder p[data-v-354a9440]{font-size:1.1rem;color:#333;margin-bottom:5px}.upload-hint[data-v-354a9440]{font-size:.9rem;color:#7f8c8d}.content-editor[data-v-354a9440]{border:2px solid #e1e8ed;border-radius:8px;overflow:hidden}.editor-toolbar[data-v-354a9440]{display:flex;gap:5px;padding:10px;background:#f8f9fa;border-bottom:1px solid #e1e8ed}.toolbar-btn[data-v-354a9440]{background:#fff;border:1px solid #e1e8ed;border-radius:4px;padding:8px 12px;cursor:pointer;transition:all .3s ease}.toolbar-btn[data-v-354a9440]:hover{background:#667eea;color:#fff;border-color:#667eea}.content-input[data-v-354a9440]{min-height:200px;padding:15px;outline:none;font-size:1rem;line-height:1.6}.content-input[data-v-354a9440]:empty:before{content:attr(placeholder);color:#7f8c8d}.status-options[data-v-354a9440]{display:flex;gap:20px}.status-option[data-v-354a9440]{display:flex;align-items:center;gap:8px;cursor:pointer}.status-radio[data-v-354a9440]{margin:0}.status-label[data-v-354a9440]{font-weight:500}.form-actions[data-v-354a9440]{display:flex;gap:15px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e1e8ed}.cancel-btn[data-v-354a9440],.draft-btn[data-v-354a9440],.submit-btn[data-v-354a9440]{padding:12px 24px;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.cancel-btn[data-v-354a9440]{background:#95a5a6;color:#fff}.cancel-btn[data-v-354a9440]:hover{background:#7f8c8d}.draft-btn[data-v-354a9440]{background:#f39c12;color:#fff}.draft-btn[data-v-354a9440]:hover{background:#e67e22}.submit-btn[data-v-354a9440]{background:#27ae60;color:#fff}.submit-btn[data-v-354a9440]:hover:not(:disabled){background:#229954}.submit-btn[data-v-354a9440]:disabled{background:#bdc3c7;cursor:not-allowed}@media (max-width:768px){.container[data-v-354a9440]{padding:0 15px}.edit-form-container[data-v-354a9440]{padding:20px}.page-title[data-v-354a9440]{font-size:2rem}.form-actions[data-v-354a9440]{flex-direction:column}.status-options[data-v-354a9440]{flex-direction:column;gap:10px}}.article-detail-page[data-v-76511bbb]{min-height:100vh;background:#f8fafc}.page-header[data-v-76511bbb]{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 0;margin-bottom:2rem}.page-header .container[data-v-76511bbb]{display:flex;align-items:center;gap:1rem}.back-btn[data-v-76511bbb]{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-76511bbb]:hover{background:#475569}.page-title[data-v-76511bbb]{font-size:1.5rem;font-weight:600;margin:0;color:#1e293b}.container[data-v-76511bbb]{max-width:800px;margin:0 auto;padding:0 2rem}.article-container[data-v-76511bbb]{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);overflow:hidden}.article-user-info[data-v-76511bbb]{padding:1.5rem;border-bottom:1px solid #e2e8f0;justify-content:space-between;flex-wrap:wrap}.article-user-info[data-v-76511bbb],.author-info[data-v-76511bbb]{display:flex;align-items:center;gap:1rem}.author-avatar[data-v-76511bbb]{width:3rem;height:3rem;border-radius:50%;overflow:hidden;background:#e2e8f0;display:flex;align-items:center;justify-content:center}.avatar-image[data-v-76511bbb]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder[data-v-76511bbb]{font-size:1.5rem;color:#94a3b8}.author-details[data-v-76511bbb]{display:flex;flex-direction:column;gap:.25rem}.author-name[data-v-76511bbb]{font-weight:600;color:#1e293b;font-size:1.1rem}.author-id[data-v-76511bbb]{font-size:.9rem;color:#64748b}.time-info[data-v-76511bbb]{display:flex;flex-direction:column;gap:.5rem;text-align:right}.article-date[data-v-76511bbb],.article-update[data-v-76511bbb]{font-size:.9rem;color:#64748b;display:flex;align-items:center;gap:.5rem}.article-cover[data-v-76511bbb]{padding:1.5rem;text-align:center;border-bottom:1px solid #e2e8f0}.cover-image[data-v-76511bbb]{max-width:100%;max-height:400px;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.article-actions[data-v-76511bbb]{display:flex;gap:1rem}.article-actions[data-v-76511bbb],.article-title-section[data-v-76511bbb]{padding:1.5rem;border-bottom:1px solid #e2e8f0}.title-display h2[data-v-76511bbb]{margin:0;font-size:2rem;font-weight:700;color:#1e293b;line-height:1.2}.title-edit[data-v-76511bbb]{display:flex;flex-direction:column;gap:1rem}.title-input[data-v-76511bbb]{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-76511bbb]:focus{border-color:#3b82f6}.action-btn[data-v-76511bbb]{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-76511bbb]{background:#3b82f6;color:#fff}.edit-btn[data-v-76511bbb]:hover{background:#2563eb}.delete-btn[data-v-76511bbb]{background:#ef4444;color:#fff}.delete-btn[data-v-76511bbb]:hover{background:#dc2626}.save-btn[data-v-76511bbb]{background:#10b981;color:#fff}.save-btn[data-v-76511bbb]:hover{background:#059669}.cancel-btn[data-v-76511bbb]{background:#6b7280;color:#fff}.cancel-btn[data-v-76511bbb]:hover{background:#4b5563}.article-content[data-v-76511bbb]{padding:1.5rem;border-bottom:1px solid #e2e8f0}.article-text[data-v-76511bbb]{line-height:1.8;color:#374151;font-size:1.1rem}.article-edit[data-v-76511bbb]{display:flex;flex-direction:column;gap:2rem}.cover-edit[data-v-76511bbb]{display:flex;flex-direction:column;gap:1rem}.form-label[data-v-76511bbb]{font-weight:600;color:#374151;margin-bottom:.5rem}.cover-preview[data-v-76511bbb]{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-76511bbb]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cover-placeholder[data-v-76511bbb]{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#9ca3af}.cover-input[data-v-76511bbb]{display:none}.upload-btn[data-v-76511bbb]{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-76511bbb]:hover{background:#2563eb}.content-edit[data-v-76511bbb]{display:flex;flex-direction:column;gap:1rem}.rich-text-editor[data-v-76511bbb]{border:1px solid #d1d5db;border-radius:.5rem;overflow:hidden}.editor-toolbar[data-v-76511bbb]{background:#f9fafb;border-bottom:1px solid #d1d5db;padding:.75rem;display:flex;gap:.5rem;flex-wrap:wrap}.toolbar-btn[data-v-76511bbb]{background:#fff;border:1px solid #d1d5db;border-radius:.25rem;padding:.5rem;cursor:pointer;transition:all .2s;min-width:2.5rem;display:flex;align-items:center;justify-content:center}.toolbar-btn[data-v-76511bbb]:hover{background:#f3f4f6;border-color:#9ca3af}.toolbar-separator[data-v-76511bbb]{width:1px;background:#d1d5db;margin:0 .25rem}.editor-content[data-v-76511bbb]{min-height:300px;padding:1rem;outline:none;line-height:1.6;color:#374151}.comments-section[data-v-76511bbb]{padding:1.5rem}.comments-header[data-v-76511bbb]{margin-bottom:1.5rem}.comments-header h4[data-v-76511bbb]{margin:0;color:#1e293b;font-size:1.2rem}.comment-form[data-v-76511bbb]{margin-bottom:2rem}.comment-input[data-v-76511bbb]{width:100%;padding:1rem;border:1px solid #d1d5db;border-radius:.5rem;resize:vertical;font-family:inherit;margin-bottom:1rem}.comment-submit[data-v-76511bbb]{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px rgba(59,130,246,.2)}.comment-submit[data-v-76511bbb]:hover:not(:disabled){background:#2563eb}.comment-submit[data-v-76511bbb]:disabled{background:#9ca3af;cursor:not-allowed}.comments-list[data-v-76511bbb]{display:flex;flex-direction:column;gap:1rem}.comment-item[data-v-76511bbb]{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-76511bbb]{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-76511bbb]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.comment-avatar .avatar-placeholder[data-v-76511bbb]{font-size:1.2rem;color:#94a3b8}.comment-content-wrapper[data-v-76511bbb]{flex:1;min-width:0}.comment-item[data-v-76511bbb]:hover{border-color:#d1d5db;box-shadow:0 2px 4px rgba(0,0,0,.05)}.comment-header[data-v-76511bbb]{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-76511bbb]{display:flex;flex-direction:column;gap:.25rem}.comment-author[data-v-76511bbb]{font-weight:600;color:#1e293b;font-size:1rem}.comment-time[data-v-76511bbb]{font-size:.9rem;color:#64748b;font-style:italic}.delete-comment-btn[data-v-76511bbb]{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-76511bbb]:hover{background:#dc2626}.comment-form .rich-text-editor[data-v-76511bbb]{margin-bottom:1rem;border:1px solid #d1d5db;border-radius:.5rem;overflow:hidden}.comment-form .editor-toolbar[data-v-76511bbb]{background:#f9fafb;border-bottom:1px solid #d1d5db;padding:.5rem;display:flex;gap:.25rem;flex-wrap:wrap}.comment-form .editor-content[data-v-76511bbb]{min-height:120px;font-size:.95rem;padding:.75rem;outline:none;line-height:1.6;color:#374151}.comment-form .editor-content[data-v-76511bbb]:empty:before{content:"写下你的评论...";color:#9ca3af;pointer-events:none;font-style:italic}.article-like-section[data-v-76511bbb]{margin-top:1rem;display:flex;align-items:center;gap:1rem}.like-btn[data-v-76511bbb]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid #e5e7eb;border-radius:25px;background:#fff;color:#6b7280;cursor:pointer;transition:all .3s ease;font-size:.95rem}.like-btn[data-v-76511bbb]: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-76511bbb]{border-color:#ef4444;background:#fef2f2;color:#ef4444}.like-btn[data-v-76511bbb]:disabled{cursor:not-allowed;opacity:.6}.like-btn i[data-v-76511bbb]{font-size:1.1rem}.like-count[data-v-76511bbb]{font-weight:600;min-width:1.5rem;text-align:center}.like-hint[data-v-76511bbb]{color:#6b7280;font-size:.9rem}.like-hint a[data-v-76511bbb]{color:#3b82f6;text-decoration:none;font-weight:500}.like-hint a[data-v-76511bbb]:hover{text-decoration:underline}.comment-login-prompt[data-v-76511bbb]{margin:1.5rem 0;padding:1.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;text-align:center}.login-prompt-content[data-v-76511bbb]{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#64748b;font-size:1rem}.login-prompt-content i[data-v-76511bbb]{font-size:1.2rem;color:#94a3b8}.login-prompt-content a[data-v-76511bbb]{color:#3b82f6;text-decoration:none;font-weight:500}.login-prompt-content a[data-v-76511bbb]:hover{text-decoration:underline}.comment-content[data-v-76511bbb]{color:#374151;line-height:1.6}.comment-content blockquote[data-v-76511bbb]{border-left:4px solid #e5e7eb;margin:.5rem 0;padding:.5rem 1rem;background:#f9fafb;font-style:italic}.comment-content pre[data-v-76511bbb]{background:#1f2937;color:#f9fafb;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:.5rem 0}.comment-content code[data-v-76511bbb]{background:#f3f4f6;padding:.2rem .4rem;border-radius:.25rem;font-family:Courier New,monospace}.comment-content ol[data-v-76511bbb],.comment-content ul[data-v-76511bbb]{margin:.5rem 0;padding-left:1.5rem}.comment-content img[data-v-76511bbb]{max-width:100%;height:auto;border-radius:.25rem;margin:.5rem 0}.comment-content a[data-v-76511bbb]{color:#3b82f6;text-decoration:underline}.comment-content a[data-v-76511bbb]:hover{color:#2563eb}.empty-comments[data-v-76511bbb]{text-align:center;color:#9ca3af;padding:2rem}.error-state[data-v-76511bbb],.loading-state[data-v-76511bbb]{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-spinner[data-v-76511bbb]{text-align:center;color:#64748b}.loading-spinner i[data-v-76511bbb]{font-size:2rem;margin-bottom:1rem}.error-content[data-v-76511bbb]{text-align:center;color:#ef4444}.error-content i[data-v-76511bbb]{font-size:3rem;margin-bottom:1rem}.error-content h3[data-v-76511bbb]{margin-bottom:1rem}@media (max-width:768px){.container[data-v-76511bbb]{padding:0 1rem}.article-user-info[data-v-76511bbb]{flex-direction:column;align-items:flex-start;gap:1rem}.time-info[data-v-76511bbb]{text-align:left}.article-actions[data-v-76511bbb]{flex-direction:column}.action-btn[data-v-76511bbb]{width:100%;justify-content:center}.comment-header[data-v-76511bbb]{flex-direction:column;align-items:flex-start;gap:.5rem}.comment-item[data-v-76511bbb]{padding:1rem}.editor-toolbar[data-v-76511bbb]{gap:.25rem}.toolbar-btn[data-v-76511bbb]{min-width:2rem;padding:.4rem}}.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:var(--background-color);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:var(--background-color);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000}.navbar{padding:var(--spacing-md) 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between}.nav-brand .brand-logo{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-decoration:none;letter-spacing:-.025em;transition:var(--transition-normal)}.nav-brand .brand-logo:hover{color:#ff6b35;transform:translateY(-2px)}.nav-menu{display:flex;list-style:none;gap:var(--spacing-lg);align-items:center}.nav-item{position:relative}.nav-link{color:var(--text-secondary);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{color:var(--text-primary);background-color:rgba(0,0,0,.05)}.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)}.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:var(--background-color);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:var(--text-primary);font-weight:500;transition:var(--transition-normal)}.code-link:hover{color:#ff6b35;background-color:rgba(255,107,53,.1);transform:translateY(-2px)}.game-link{color:var(--text-primary);font-weight:500;transition:var(--transition-normal)}.game-link:hover{color:#ff6b35;background-color:rgba(255,107,53,.1);transform:translateY(-2px)}.music-link{color:var(--text-primary);font-weight:500;transition:var(--transition-normal)}.music-link:hover{color:#ff6b35;background-color:rgba(255,107,53,.1);transform:translateY(-2px)}.forum-link{color:var(--text-primary);font-weight:500;transition:var(--transition-normal)}.forum-link:hover{color:#ff6b35;background-color:rgba(255,107,53,.1);transform:translateY(-2px)}@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:var(--text-secondary);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:var(--text-primary);background-color:rgba(0,0,0,.05)}.tiktok-icon:hover{color:#ff0050;transform:scale(1.1)}.bilibili-icon:hover{color:#00a1d6;transform:scale(1.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:var(--spacing-2xl) 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:var(--card-background);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:var(--background-color);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}}