/* 暗色模式相关样式 */
body.dark-mode #mainForm {
    background: rgba(33, 40, 45, 0.98);
    color: #e0e7ff;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.28);
    border: 1.5px solid rgba(96, 165, 250, 0.18);
}

body.dark-mode button,
body.dark-mode .row button,
body.dark-mode .row [id$='Btn'] {
    background: linear-gradient(90deg, #232526 0%, #414345 100%);
    color: #e0e7ff;
}

body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
    background: rgba(44, 51, 73, 0.98);
    color: #e0e7ff;
    border: 1.5px solid rgba(96, 165, 250, 0.18);
}

body.dark-mode #price-ticker {
    background: rgba(44, 51, 73, 0.98);
    color: #e0e7ff;
    border: 1px solid rgba(96, 165, 250, 0.18);
}

body.dark-mode label {
    color: #93c5fd;
}

/* 暗色模式下的按钮颜色 */
body.dark-mode .row button:nth-child(4),
body.dark-mode .row button:nth-child(5) {
    background: linear-gradient(90deg, #1e40af 0%, #3730a3 100%);
}

body.dark-mode .row button:nth-child(6),
body.dark-mode .row button:nth-child(7) {
    background: linear-gradient(90deg, #9d174d 0%, #92400e 100%);
}

body.dark-mode .row button:nth-child(2),
body.dark-mode .row button:nth-child(3) {
    background: linear-gradient(90deg, #065f46 0%, #047857 100%);
}

body.dark-mode .row button:nth-child(8),
body.dark-mode .row button:nth-child(9) {
    background: linear-gradient(90deg, #5b21b6 0%, #4c1d95 100%);
}

/* 暗色模式弹窗样式 */
body.dark-mode .swal2-popup {
    background: rgba(36, 41, 59, 0.98) !important;
    color: #e0e7ff !important;
    border-color: rgba(96, 165, 250, 0.18);
}

body.dark-mode .swal2-title {
    color: #93c5fd !important;
}

body.dark-mode .swal2-html-container {
    color: #e0e7ff !important;
}

body.dark-mode .swal2-confirm,
body.dark-mode .swal2-cancel {
    background: linear-gradient(90deg, #1e40af 0%, #3730a3 100%) !important;
    color: #e0e7ff !important;
}

body.dark-mode .swal2-cancel {
    background: linear-gradient(90deg, #991b1b 0%, #7f1d1d 100%) !important;
}

body.dark-mode .swal2-backdrop-show {
    background: rgba(2, 6, 23, 0.85) !important;
}

/* 暗色主题按钮悬停状态 */
body.dark-mode button:hover,
body.dark-mode .row button:hover,
body.dark-mode .row [id$='Btn']:hover {
    background: linear-gradient(90deg, #414345 0%, #232526 100%);
    color: #60a5fa;
}

/* 暗色主题样式重写 */
body.dark-mode .price-info,
body.dark-mode .user-info {
    background: rgba(44, 51, 73, 0.95);
    border: 1px solid rgba(96, 165, 250, 0.15);
}

body.dark-mode .theme-btn::before {
    background: rgba(96, 165, 250, 0.15);
    border-color: rgba(96, 165, 250, 0.3);
}

/* 暗色主题结果显示样式 */
body.dark-mode .result {
    background: linear-gradient(90deg, #232526 0%, #414345 100%);
    color: #60a5fa;
}