/* 代码美化--start */
.pln{color:#4d4d4c}ol.linenums{margin-top:0;margin-bottom:0;color:#8e908c}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#fff;list-style-type:decimal!important;}@media screen{.str{color:#718c00}.kwd{color:#8959a8}.com{color:#8e908c}.typ{color:#4271ae}.lit{color:#f5871f}.pun{color:#4d4d4c}.opn{color:#4d4d4c}.clo{color:#4d4d4c}.tag{color:#c82829}.atn{color:#f5871f}.atv{color:#3e999f}.dec{color:#f5871f}.var{color:#c82829}.fun{color:#4271ae}}

/*下面是我设置背景色，字体大小和字体*/
.cnblogs-markdown code{
background:#fff!important;
}
.cnblogs_code,.cnblogs_code span,.cnblogs-markdown .hljs{
    font-size:16px!important;
}

.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea {
    font-size: 16px!important;
}

.cnblogs_code, .cnblogs_code span, .cnblogs-markdown .hljs{
font-family:consolas, "Source Code Pro", monaco, monospace !important;
} 
/* 代码美化--end */

/*  屏蔽广告--start */
#comment_form
{
display:none; 
}
/*  屏蔽广告--end */


.postBody a{
color:blue;
}

/*  */
    /* 聊天容器样式 */
    .chat-container {
      width: 400px;
      margin: 0 auto;
      background-color: #f0f0f0;
      padding: 10px;
      border-radius: 5px;
      font-family: Arial, sans-serif;
    }

    /* 聊天消息样式 */
    .chat-message {
      margin-bottom: 10px;
      display: flex;
      align-items: flex-start;
    }

    /* 头像样式 */
    .message-avatar {
      width: 40px;
      height: 40px;
      border-radius: 10px; /* 圆角正方形 */
      margin: 0 10px; /* 统一头像与边缘的距离 */
    }

    /* 消息内容样式 */
    .message-content {
      background-color: white;
      padding: 10px; /* 统一文字段落与对话框内壁的边距 */
      border-radius: 10px;
      max-width: calc(70% - 20px); /* 减去左右边距 */
      box-sizing: border-box; /* 确保内边距包含在宽度内 */
    }

    /* 自己发送的消息样式 */
    .self-message {
      justify-content: flex-end;
    }

    /* 自己发送的消息内容样式 */
    .self-message .message-content {
      background-color: #67c23a;
      color: white;
    }

    /* 输入容器样式 */
    .input-container {
      display: flex;
      margin-top: 10px;
      align-items: flex-start;
    }

    /* 输入文本区域样式 */
    .input-container textarea {
      flex: 1;
      padding: 8px;
      border: 1px solid #ccc;
      border-radius: 5px;
      resize: vertical;
    }

    /* 统一按钮样式 */
    .button {
      margin-left: 10px;
      padding: 8px 15px;
      background-color: #67c23a;
      color: white;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      white-space: nowrap;
    }