.main-content{margin-top:110px}.voice-page{min-height:calc(100vh - var(--navbar-height) - 80px)}.voice-filters{max-width:1600px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg) 0;display:flex;flex-direction:column;gap:var(--spacing-md)}.voice-filters-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.filter-group{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.filter-group label{font-weight:600;color:var(--text-secondary);font-size:.9rem;white-space:nowrap}.filter-btn{padding:.4rem 1rem;border:1px solid var(--border-light);background:var(--bg-primary);color:var(--text-primary);font-size:.85rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:.2s;white-space:nowrap}.filter-btn:hover{background:var(--accent-blue-light);border-color:var(--accent-blue);color:var(--accent-blue)}.filter-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.voice-main-container{max-width:1600px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);display:grid;grid-template-columns:400px 1fr;gap:var(--spacing-xl);min-height:600px}.voice-left{display:flex;flex-direction:column;gap:var(--spacing-xl)}.voice-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.voice-section-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.voice-selector{display:flex;flex-direction:column;max-height:400px;overflow-y:auto;padding-right:var(--spacing-xs)}.voice-selector::-webkit-scrollbar{width:6px}.voice-selector::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.voice-selector::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.voice-selector::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.voice-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-light);cursor:pointer;transition:all var(--transition-fast)}.voice-card:last-child{border-bottom:none}.voice-card:hover{background:var(--bg-hover);padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.voice-card.active{background:var(--accent-blue-light);padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);border-left:3px solid var(--accent-blue)}.voice-card-image{width:80px;height:80px;border-radius:var(--radius-md);object-fit:cover;background:var(--bg-tertiary);flex-shrink:0}.voice-card-info{flex:1;display:flex;flex-direction:column;justify-content:space-between}.voice-card-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.voice-card-stats{display:flex;gap:var(--spacing-md);font-size:.85rem;color:var(--text-tertiary)}.voice-card-stat{display:flex;align-items:center;gap:var(--spacing-xs)}.voice-card-stat i{color:var(--accent-blue)}.category-nav{max-height:800px;overflow-y:auto;padding-right:var(--spacing-xs)}.category-nav::-webkit-scrollbar{width:6px}.category-nav::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.category-nav::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.category-nav::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.category-group{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light)}.category-group:last-child{border-bottom:none}.category-group-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.category-items{display:flex;flex-wrap:wrap;gap:6px;row-gap:4px}.category-item{padding:4px var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.category-item:hover{background:var(--accent-blue-light);border-color:var(--accent-blue);color:var(--accent-blue)}.category-item.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.voice-right{display:flex;flex-direction:column;gap:var(--spacing-lg)}.sound-list-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;margin-bottom:var(--spacing-md);border-bottom:2px solid var(--border-light)}.sound-list-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.sound-list-header-right{display:flex;align-items:center;gap:var(--spacing-md)}.sound-list-count{font-size:.9rem;color:var(--text-secondary);font-weight:500}.btn-batch-download{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px var(--spacing-md);background:linear-gradient(135deg,var(--accent-blue),#0056d2);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:.2s cubic-bezier(.4, 0, .2, 1);box-shadow:0 2px 6px rgba(0,113,227,.2);height:32px;line-height:1}.btn-batch-download:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-batch-download:not(:disabled):hover{background:linear-gradient(135deg,#0056d2,#003d99);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,113,227,.4)}.btn-batch-download:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,113,227,.3)}.btn-batch-download i{font-size:.9rem}@keyframes slideInDown{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.voice-sound-list{display:flex;flex-direction:column;gap:var(--spacing-md);min-height:400px}.sound-card{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-md);transition:.2s cubic-bezier(.4, 0, .2, 1);cursor:pointer;position:relative;user-select:none}.sound-card:hover{border-color:rgba(59,130,246,.5);box-shadow:0 4px 12px rgba(0,113,227,.08);transform:translateY(-2px)}.sound-card.selected{border-color:var(--accent-blue);background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(59,130,246,.02));box-shadow:0 4px 16px rgba(0,113,227,.12);transform:translateY(-2px)}@keyframes checkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}@keyframes selectPulse{0%,100%{transform:translateY(-2px) scale(1)}50%{transform:translateY(-2px) scale(.98)}}.sound-checkbox{display:none;width:18px;height:18px;cursor:pointer;accent-color:var(--accent-blue)}.sound-card-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.sound-card-info{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;min-width:0}.sound-card-tags{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.sound-tag{padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);white-space:nowrap}.sound-tag-category{background:linear-gradient(135deg,rgba(191,90,242,.1),rgba(191,90,242,.05));color:var(--accent-purple,#bf5af2);border:1px solid rgba(191,90,242,.2)}.sound-tag-sub{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(59,130,246,.05));color:var(--accent-blue);border:1px solid rgba(59,130,246,.2)}.sound-card-meta{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.sound-meta-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8rem;color:var(--text-tertiary)}.sound-meta-item i{font-size:.75rem;opacity:.7}.sound-meta-author{cursor:default}.sound-meta-avatar{width:24px;height:24px;border-radius:50%;object-fit:contain;border:2px solid var(--border-light);background:var(--bg-tertiary);flex-shrink:0;cursor:pointer;transition:all var(--transition-fast)}.sound-meta-avatar:hover:not(.disabled-avatar){border-color:var(--accent-blue);transform:scale(1.1)}.sound-meta-name{color:var(--text-primary);font-weight:500;cursor:pointer;transition:color var(--transition-fast)}.sound-meta-name:hover:not(.disabled-name){color:var(--accent-blue)}.disabled-avatar,.disabled-name{cursor:default!important;opacity:.7;pointer-events:none}.disabled-avatar:hover,.disabled-name:hover{border-color:var(--border-light)!important;transform:none!important;color:var(--text-primary)!important}.sound-meta-version{display:inline-block;padding:2px 6px;background:var(--accent-blue-light);color:var(--accent-blue);font-size:.7rem;font-weight:600;border-radius:4px;margin-left:4px;vertical-align:middle;line-height:1}.sound-card-right{display:flex;align-items:center;gap:var(--spacing-lg);flex-shrink:0}.sound-card-stats{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md)}.sound-stat-item{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.85rem;cursor:help}.sound-stat-item i{font-size:.9rem;opacity:.8}.sound-stat-value{font-weight:600;color:var(--text-primary)}.sound-card-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.sound-btn{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-light);background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.sound-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.sound-btn-primary{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.sound-btn-primary:hover{background:#0056d2;border-color:#0056d2;box-shadow:0 4px 12px rgba(0,113,227,.3)}.sound-btn-secondary:hover{background:var(--accent-blue-light);border-color:var(--accent-blue);color:var(--accent-blue)}.sound-btn-danger:hover{background:rgba(239,68,68,.1);border-color:var(--accent-red);color:var(--accent-red)}.sound-btn.playing{background:var(--accent-red);border-color:var(--accent-red);color:#fff;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.8}}.upload-container{max-width:1000px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.upload-container h2{margin-bottom:var(--spacing-lg);color:var(--text-primary);font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xl);text-align:center}.voice-upload-form{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);display:block!important;max-height:none!important}.voice-upload-grid{display:grid!important;grid-template-columns:400px 1fr!important;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.voice-upload-left,.voice-upload-right{display:flex;flex-direction:column;gap:var(--spacing-md)}.voice-upload-right{height:100%}.voice-upload-right .form-group{flex:1;display:flex;flex-direction:column}.voice-upload-right .file-upload-area{flex:1;min-height:200px}.voice-name-selector{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;transition:all var(--transition-fast);cursor:pointer}.voice-name-selector:hover{border-color:var(--accent-blue)}.voice-name-selector:focus{outline:0;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.voice-name-selector option[value="__new__"]{color:var(--accent-blue);font-weight:500}#voice-name-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;transition:all var(--transition-fast)}#voice-name-input:hover{border-color:var(--accent-blue)}#voice-name-input:focus{outline:0;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.voice-upload-form .file-upload-area{position:relative;min-height:180px;border:2px dashed var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast);overflow:hidden}.voice-upload-form .file-upload-area:hover{border-color:var(--accent-blue);background:var(--bg-hover)}.voice-upload-form .file-upload-area input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.voice-upload-form .file-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;padding:var(--spacing-lg);text-align:center;transition:all var(--transition-fast)}.voice-upload-form .file-upload-placeholder i{font-size:2.5rem;color:var(--text-tertiary);margin-bottom:var(--spacing-md)}.voice-upload-form .file-upload-placeholder p{color:var(--text-secondary);font-weight:500;margin-bottom:var(--spacing-xs)}.voice-upload-form .file-upload-placeholder small{color:var(--text-tertiary);font-size:.85rem}.voice-upload-form .file-preview-container{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);z-index:1}.voice-upload-form .file-preview-container img{max-width:100%;max-height:100%;border-radius:var(--radius-sm);object-fit:contain}.voice-upload-form .file-preview-container .audio-file-info{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);width:100%}.voice-upload-form .file-preview-container .audio-file-info i{font-size:3rem;color:var(--accent-blue)}.voice-upload-form .file-preview-container .audio-file-info .file-name{color:var(--text-primary);font-weight:500;text-align:center;word-break:break-all;padding:0 var(--spacing-md)}.voice-upload-form .file-preview-container .audio-file-info .file-size{color:var(--text-tertiary);font-size:.85rem}@media (max-width:1024px){.voice-upload-grid{grid-template-columns:350px 1fr!important}}@media (max-width:768px){.voice-upload-grid{grid-template-columns:1fr!important;gap:var(--spacing-md)}.upload-container{padding:var(--spacing-md)}.voice-upload-form{padding:var(--spacing-lg)}.voice-upload-right .file-upload-area{min-height:180px}}#sub-category-select:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1200px){.voice-main-container{grid-template-columns:350px 1fr}}@media (max-width:992px){.voice-main-container{grid-template-columns:1fr}.voice-left{flex-direction:row}.voice-section{flex:1}.category-nav,.voice-selector{max-height:300px}}@media (max-width:768px){.voice-sub-nav-container{padding:var(--spacing-sm) var(--spacing-md)}.voice-filters-container{padding:0 var(--spacing-md)}.voice-main-container{padding:var(--spacing-lg) var(--spacing-md);gap:var(--spacing-lg)}.voice-left{flex-direction:column}.sound-card{flex-direction:column;align-items:stretch}.sound-actions{justify-content:stretch}.sound-action-btn{flex:1}.batch-action-bar{flex-direction:column;padding:var(--spacing-md)}.batch-buttons{width:100%;flex-direction:column}.batch-buttons .btn{width:100%}.upload-container{padding:var(--spacing-lg) var(--spacing-md)}}