/*
 Theme Name:   lolimeow Child
 Description:  自用的lolimeow子主题
 Author:       pamusi
 Author URI:https://www.pamusi.com
 Template:     lolimeow
 Version:      1.1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  lolimeow-child
 
*/

/* 文章归档页面样式 */
.archives-by-year-content {
    max-width: 800px; /* 设置最大宽度 */
    margin-left: auto; /* 自动左外边距 */
    margin-right: auto; /* 自动右外边距 */
    padding: 20px; /* 内边距 */
    box-sizing: border-box; /* 边框盒模型 */
}

.archives-wrapper {
    text-align: left; /* 文本默认左对齐，但容器本身居中 */
}

.archive-year {
    text-align: center; /* 年份标题居中 */
    font-size: 2em;
    margin-top: 40px;
    margin-bottom: 20px;
    color: #333;
    border-bottom: 1px solid #eee; /* 年份下方加一条线 */
    padding-bottom: 10px;
}

.archive-list {
    list-style: none; /* 移除列表项默认点 */
    padding: 0;
    margin: 0 0 30px 0;
}

.archive-list li {
    padding: 8px 0;
    border-bottom: 1px dotted #eee;
    font-size: 1.1em;
    line-height: 1.5;
}

.archive-list li:last-child {
    border-bottom: none; /* 最后一个列表项移除底边线 */
}

.archive-date {
    color: #777;
    font-size: 0.9em;
    margin-right: 10px;
}

.archive-list li a {
    text-decoration: none;
    color: #0073aa; /* 链接颜色 */
}

.archive-list li a:hover {
    color: #005177; /* 链接悬停颜色 */
    text-decoration: underline;
}

/* 对话框整体样式 */
.moment-dialog {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    position: relative;
    font-size: 16px;
    line-height: 1.6;
    word-wrap: break-word; /* 确保长单词换行 */
}

.moment-dialog .moment-content-wrapper {
    /* 可以在这里添加内边距或调整布局 */
}

.moment-dialog .moment-content {
    margin-bottom: 10px;
    color: #333;
}

/* 优化后的元数据部分 */
.moment-dialog .moment-meta {
    display: flex;
    /* 移除 justify-content: space-between; 和 margin-left: auto 的需求 */
    justify-content: flex-start; /* 明确将所有内容靠左对齐，但通常默认就是 flex-start */
    align-items: center; /* 垂直居中对齐所有元素 */
    font-size: 0.9em;
    color: #888;
    border-top: 1px dashed #eee;
    padding-top: 10px;
    flex-wrap: wrap; /* 确保在空间不足时内容可以换行，防止溢出 */
    gap: 8px; /* 统一设置元素之间的间距 */
}

.moment-dialog .moment-author {
    /* 移除 margin-right:-500px; */
    /* 间距由父容器的 gap 属性控制 */
}

.moment-dialog .moment-separator {
    /* 移除 margin-right:-500px; */
    /* 间距由父容器的 gap 属性控制 */
}

.moment-dialog .moment-date {
    /* 移除 margin-left: auto; 因为日期不需要靠右了 */
}


/* 点赞按钮样式（保持不变） */
.moment-like-button {
    background: none;
    border: none;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    padding: 5px 10px;
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
    display: flex;
    align-items: center;
    margin-left: auto;
}

.moment-like-button:hover {
    color: #e74c3c; /* 鼠标悬停时变成红色 */
    background-color: #f0f0f0;
}

.moment-like-button .dashicons-heart {
    margin-right: 5px;
    color: #ccc; /* 默认灰色心形 */
}

/* 点赞后的按钮样式 */
.moment-like-button.liked .dashicons-heart,
.moment-like-button:hover .dashicons-heart {
    color: #e74c3c; /* 点赞后或悬停时变成红色 */
}

.moment-like-button.loading {
    opacity: 0.7;
    cursor: not-allowed;
}

/* 如果你的主题默认文本输入框有样式，确保它不会影响动态内容 */
.moment-dialog .moment-content p {
    margin-bottom: 0.5em; /* 调整段落间距 */
}
.moment-dialog .moment-content p:last-child {
    margin-bottom: 0;
}