.prex,.pref {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.text-pre {
    white-space: pre-wrap;
}

.text-center {
    text-align: center;
}

/* 模拟注释文本的样式 */
.display-comment {
    /* 注释常用的灰色 */
    color: #666;
    /* 斜体字体，类似注释风格 */
    font-style: italic;
}

/* 基础输入框样式 */
.custom-input {
    width: 100%;
    padding: 12px 15px;
    font-size: 16px;
    border: 2px solid #ddd;
    border-radius: 6px;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

/* 输入框聚焦状态 */
.custom-input:focus {
    outline: none;
    border-color: #4a90e2;
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.2);
}

/* 输入框占位符样式 */
.custom-input::placeholder {
    color: #999;
    font-style: italic;
}

.blue-button {
  background-color: #4080FF;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* 鼠标悬停效果 - 比原颜色深5% */
.blue-button:hover {
  background-color: #3870E6;
}

/* 按钮按下效果 - 比原颜色深10% */
.blue-button:active {
  background-color: #3060CC;
  transition: background-color 0.1s ease; /* 更快的过渡效果 */
}

.display-block {
    display: block;
}

.comment-user {
    color: #61666d;
    text-decoration: none;
}