/* 样式修复文件 - 解决nahxa.dosbiz.cn网站样式问题 */

/* 1. 修复全局字体颜色和背景冲突 */
body {
    background-color: #000 !important;
    color: #0f0 !important;
    font-family: 'Courier New', 'Monaco', 'Consolas', monospace !important;
}

/* 2. 修复AmazeUI框架样式覆盖问题 */
.am-btn {
    background-color: rgba(0, 20, 0, 0.8) !important;
    border-color: #0f0 !important;
    color: #0f0 !important;
}

.am-btn:hover {
    background-color: rgba(0, 40, 0, 0.9) !important;
    color: #0f0 !important;
}

.am-btn-primary {
    background-color: rgba(0, 255, 0, 0.2) !important;
    border-color: #0f0 !important;
    color: #0f0 !important;
}

.am-btn-primary:hover {
    background-color: rgba(0, 255, 0, 0.3) !important;
    color: #0f0 !important;
}

/* 3. 修复表单输入框样式 */
.am-form-field {
    background-color: rgba(0, 0, 0, 0.8) !important;
    border-color: #0f0 !important;
    color: #0f0 !important;
}

.am-form-field:focus {
    background-color: rgba(0, 0, 0, 0.9) !important;
    border-color: #0f0 !important;
    color: #0f0 !important;
    box-shadow: 0 0 10px rgba(0, 255, 0, 0.5) !important;
}

.am-form-field::placeholder {
    color: #0f0 !important;
    opacity: 0.6 !important;
}

/* 4. 修复导航标签样式 */
.am-nav > li > a {
    color: #0f0 !important;
}

.am-nav-pills > li.am-active > a {
    background-color: rgba(0, 255, 0, 0.2) !important;
    color: #0f0 !important;
}

/* 5. 修复单选框和复选框样式 */
.am-radio input[type="radio"],
.am-checkbox input[type="checkbox"] {
    border-color: #0f0 !important;
}

.am-radio input[type="radio"]:checked + *,
.am-checkbox input[type="checkbox"]:checked + * {
    color: #0f0 !important;
}

/* 6. 修复弹出框样式 */
.am-popup {
    background-color: rgba(0, 0, 0, 0.95) !important;
}

.am-popup-inner {
    background-color: rgba(0, 20, 0, 0.95) !important;
    border-color: #0f0 !important;
    color: #0f0 !important;
}

.am-popup-title {
    color: #0f0 !important;
    background-color: rgba(0, 30, 0, 0.9) !important;
    border-bottom-color: #0f0 !important;
}

.am-popup-bd {
    color: #0f0 !important;
}

/* 7. 修复警告框样式 */
.am-alert {
    background-color: rgba(0, 30, 0, 0.8) !important;
    border-color: #0f0 !important;
    color: #0f0 !important;
}

.am-alert-success {
    background-color: rgba(0, 40, 0, 0.8) !important;
}

.am-alert-danger {
    background-color: rgba(40, 0, 0, 0.8) !important;
}

/* 8. 修复页脚样式 */
.footer {
    background-color: rgba(0, 20, 0, 0.8) !important;
    border-top-color: #0f0 !important;
}

.footer p,
.footer a {
    color: #0f0 !important;
}

.footer a:hover {
    color: #0f0 !important;
    text-shadow: 0 0 5px #0f0 !important;
}

/* 9. 修复输入组样式 */
.am-input-group {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border-color: #0f0 !important;
}

.am-input-group-label {
    background-color: rgba(0, 30, 0, 0.8) !important;
    border-color: #0f0 !important;
    color: #0f0 !important;
}

.am-input-group-btn .am-btn {
    background-color: rgba(0, 30, 0, 0.8) !important;
    border-color: #0f0 !important;
    color: #0f0 !important;
}

/* 10. 修复标题样式 */
.about-title {
    color: #0f0 !important;
    text-shadow: 0 0 10px #0f0 !important;
}

/* 11. 修复音乐类型选择区域 */
.music-type {
    background-color: rgba(0, 0, 0, 0.8) !important;
    border-color: #0f0 !important;
}

.music-type label {
    color: #0f0 !important;
}

/* 12. 修复主表单区域 */
#j-validator {
    background-color: rgba(0, 20, 0, 0.8) !important;
    border-color: #0f0 !important;
}

/* 13. 修复音乐主区域 */
.music-main {
    background-color: rgba(0, 20, 0, 0.8) !important;
    border-color: #0f0 !important;
}

/* 14. 修复链接样式 */
a {
    color: #0f0 !important;
}

a:hover {
    color: #0f0 !important;
    text-decoration: underline !important;
}

/* 15. 修复水平线样式 */
hr {
    border-color: #0f0 !important;
    background-color: #0f0 !important;
}

/* 16. 修复容器背景 */
.am-container {
    background-color: transparent !important;
}

/* 17. 修复网格背景不透明度 */
.grid-bg {
    opacity: 0.1 !important;
    z-index: -1 !important;
}

/* 18. 修复扫描线不透明度 */
.scanline {
    opacity: 0.3 !important;
    z-index: 999 !important;
}

/* 19. 修复噪点效果不透明度 */
.noise {
    opacity: 0.05 !important;
    z-index: 998 !important;
}

/* 20. 修复矩阵效果不透明度 */
.matrix-container {
    opacity: 0.15 !important;
    z-index: -2 !important;
}

/* 21. 修复响应式布局问题 */
@media (max-width: 768px) {
    .about-title {
        font-size: 1.8rem !important;
    }
    
    .am-btn-lg {
        padding: 0.8rem 1rem !important;
        font-size: 1rem !important;
    }
    
    .am-form-field {
        font-size: 1rem !important;
        padding: 0.8rem !important;
    }
    
    .music-type label {
        display: block !important;
        margin-bottom: 0.5rem !important;
    }
}

/* 22. 修复字体抗锯齿 */
* {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* 23. 修复文字阴影 */
.text-shadow {
    text-shadow: 0 0 5px #0f0 !important;
}

/* 24. 修复边框阴影 */
.box-shadow {
    box-shadow: 0 0 10px rgba(0, 255, 0, 0.3) !important;
}

/* 25. 修复过渡效果 */
* {
    transition: all 0.3s ease !important;
}

/* 26. 修复APlayer播放器样式 */
.aplayer {
    background-color: rgba(0, 20, 0, 0.9) !important;
    border-color: #0f0 !important;
    color: #0f0 !important;
}

.aplayer .aplayer-info .aplayer-music .aplayer-title {
    color: #0f0 !important;
}

.aplayer .aplayer-info .aplayer-music .aplayer-author {
    color: #0f0 !important;
}

/* 27. 修复滚动条样式 */
::-webkit-scrollbar {
    width: 8px !important;
    background-color: rgba(0, 20, 0, 0.8) !important;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 255, 0, 0.5) !important;
    border-radius: 4px !important;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 255, 0, 0.7) !important;
}

/* 28. 修复选中文本样式 */
::selection {
    background-color: rgba(0, 255, 0, 0.3) !important;
    color: #0f0 !important;
}

::-moz-selection {
    background-color: rgba(0, 255, 0, 0.3) !important;
    color: #0f0 !important;
}

/* 29. 修复加载动画 */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading-spinner .spinner {
    border-color: rgba(0, 255, 0, 0.3) !important;
    border-top-color: #0f0 !important;
}

/* 30. 最终优化：减少动画性能消耗 */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}