/* ================================================================
   说说卡（diary-*） · 从 style.css 拆出
   由 tools/css-feature-split.js 生成。加载顺序：style.css 之后、
   layout-airy.css / talk-comment.css 之前，保持原有覆盖关系。
   ================================================================ */
/* 日记卡（同卡片流，无封面） */
.diary-card { display: block; grid-template-columns: none; padding: 24px 26px; }

.diary-top { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }

.diary-avatar { width: 45px; height: 45px; border-radius: 6px; object-fit: cover; }

.diary-name { font-size: 14px; font-weight: 600; color: var(--ink); }

.diary-name .author { color: inherit; }

.diary-private { font-size: 11px; color: var(--accent-ink); background: color-mix(in srgb, var(--accent) 10%, transparent); border-radius: 999px; padding: 2px 8px; margin-left: 8px; vertical-align: 1px; }

.diary-sub { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 12px; color: var(--ink-3); }

.diary-sub > * { display: inline-flex; align-items: center; }

.diary-sub > * + *::before {
    content: "";
    width: 2px; height: 2px;
    border-radius: 50%;
    background: currentColor;
    opacity: .5;
    margin-right: 6px;
}

.diary-sub .ci { font-size: 12px; margin-right: 3px; }

.diary-edit, .privacy-toggle {
    background: none; border: none; padding: 0;
    font-size: 12px; color: var(--ink-3);
    display: inline-flex; align-items: center; gap: 3px;
    transition: color .2s;
}

.diary-sub > .diary-edit { margin-left: auto; }

.diary-sub > .diary-edit::before,
.diary-sub > .privacy-toggle::before { content: none; }

.diary-edit:hover, .privacy-toggle:hover { color: var(--accent-ink); }

.diary-time { font-variant-numeric: tabular-nums; }

.diary-title { font-size: 15px; font-weight: 500; color: var(--accent-ink); display: block; }

.diary-title:hover { opacity: .82; }

.diary-text { white-space: pre-wrap; word-break: break-word; }

.diaryopenhtml img, .diary-content img { border-radius: var(--radius-s); }

.diary-mask { color: var(--ink-3); font-size: 13.5px; display: flex; align-items: center; gap: 6px; }

/* 说说卡底部操作：原文 / 评论（照 Alpha 的 meta-item 行：图标 + 文字，虚线竖分隔） */
.diary-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 1.25rem;
    font-size: 13px;
    line-height: 1;
    color: var(--ink-3);
}

.diary-meta {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--ink-3);
    transition: color .18s ease;
}

.diary-meta .ci { font-size: 13px; }

.diary-meta:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 12px;
    border-right: 1px dashed var(--line-2);
}

.diary-meta:hover { color: var(--accent-ink); }

/* 评论按钮：与 meta 行同字号同色，去掉按钮默认外观 */
button.diary-meta {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    cursor: pointer;
}

.diary-meta[aria-expanded='true'] { color: var(--accent-ink); }

@media (max-width: 720px) {
    .diary-actions { margin-top: 14px; gap: 16px; font-size: 12.5px; }
    .diary-meta:not(:last-child)::after { right: -8px; }
}

/* 日记详情头部 */
.diary-head { display: flex; align-items: center; gap: 12px; }

.diary-head-info .diary-head-row { display: flex; align-items: center; }

.diary-head-info .diary-sub { margin-top: 2px; }

@media (max-width: 720px) {
    .diary-card { padding: 20px; }
}