/* 留言板样式优化 - 仅文字大小和颜色 */

/* 留言容器 - 保持原有背景 */
#shoutbox {
    /* 保持原有背景，不添加新样式 */
}

/* 留言输入框 - 加大字体并调整为浅色 */
#shoutbox form textarea {
    height: 40px;
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    color: #666666;
}

#shoutbox form textarea::placeholder {
    color: #666666;
}

/* 提交按钮 - 仅修改字体大小 */
#shoutbox form input[type="submit"] {
    margin-top: 4px;
    float: right;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 14px;
}

/* 字符计数 - 仅修改字体大小和颜色 */
.shout_characters_remaining {
    float: left;
    margin-top: 14px;
    font-size: 12px;
    color: #666666;
}

/* 留言列表 */
#the_shouts {
    /* 保持原有样式 */
}

/* 单条留言 - 仅修改字体大小和颜色 */
.shout {
    padding: 10px;
    font-size: 14px;
    overflow: hidden;
}

/* 留言作者 - 仅修改字体大小和颜色 */
.shout .shout_author {
    margin-bottom: 5px;
    font-size: 15px;
    color: #333333;
}

.shout .shout_author a {
    color: #0066cc;
}

/* 管理员标识 */
.shout .shout_author img {
    margin-right: 5px;
    vertical-align: middle;
}

/* 留言内容 - 加大字体并调整为浅色 */
.shout .shout_content {
    color: #b9afaf;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
}

/* 留言时间 - 仅修改字体大小和颜色 */
.shout .shout_date {
    float: right;
    font-size: 12px;
    color: #b9afaf;
    z-index: 9;
}

/* 删除按钮 - 仅修改图标大小 */
.shout .shout_date a {
    margin-left: 8px;
}

.shout .shout_date img {
    width: 14px;
    height: 14px;
    vertical-align: middle;
}

/* 查看更多按钮 - 仅修改字体大小 */
#shoutbox_view {
    font-size: 14px;
    text-align: center;
    display: block;
    padding-top: 10px;
    margin-bottom: 5px;
    clear: both;
}

/* 响应式设计 - 移动设备字体大小 */
@media (max-width: 768px) {
    .shout {
        font-size: 14px;
    }
    
    .shout .shout_author {
        font-size: 14px;
    }
    
    .shout .shout_content {
        font-size: 14px;
    }
    
    #shoutbox form textarea {
        font-size: 14px;
    }
}