.night-mode .section,
.night-mode input,
.night-mode .pageTypeSelect,
.night-mode .custom-select-trigger,
.night-mode .custom-select,
.night-mode textarea {
    background-color: #2a2a2a;
    color: #f0f0f0;
    border-color: #444;
}

.night-mode h1,
.night-mode h2 {
    color: #4a90e2;
}

.night-mode header,
.night-mode main,
.night-mode .grid {
    background-color: #1a1a1a;
}

.night-mode h3,
.night-mode header {
    border-bottom: 1px solid #2a2a2a;
}

.night-mode .page-item {
    background-color: #2a2a2a;
}

.night-mode select,
.night-mode .name {
    color: #f0f0f0;
}

.night-mode .modal-content {
    background-color: #2a2a2a;
}

.night-mode .custom-options .custom-option,
.night-mode .custom-select-trigger {
    background-color: #2a2a2a;
}

.night-mode .floating-form {
    background-color: #2c2c2c; /* 暗黑模式背景 */
    border: 1px solid #555; /* 边框颜色 */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.7); /* 阴影加深 */
}

.night-mode .floating-form label {
    color: #ddd; /* 暗黑模式标签颜色 */
}

.night-mode .floating-form input,
.night-mode .floating-form select {
    background-color: #444; /* 暗黑模式输入框和下拉框背景 */
    color: #ddd; /* 输入框和下拉框文字颜色 */
    border: 1px solid #555; /* 边框颜色 */
}

.night-mode .floating-form select {
    cursor: pointer;
}

.night-mode .floating-form button {
    background-color: #ff9900; /* 保持按钮颜色不变 */
    color: white;
}

.night-mode .floating-form button:hover {
    background-color: #e68a00; /* 按钮悬停效果 */
}