/* ========== 归档浏览 ========== */
.ar-container { display: flex; flex-direction: column; gap: 1rem; }

.ar-list { display: flex; flex-direction: column; gap: 0.5rem; }
.ar-item { display: flex; align-items: center; gap: 0.7rem; padding: 0.8rem 1rem; border-radius: var(--tw-radius); background: var(--tw-bg-card); border: 1px solid var(--tw-border); cursor: pointer; transition: all 0.2s; }
.ar-item:hover { box-shadow: var(--tw-shadow); border-color: var(--tw-accent); }
.ar-icon { font-size: 1.5rem; }
.ar-info { flex: 1; }
.ar-name { font-weight: 500; font-size: 0.95rem; }
.ar-meta { font-size: 0.75rem; color: var(--tw-text-muted); margin-top: 0.15rem; }
.ar-actions { display: flex; gap: 0.3rem; }

.ar-detail { display: flex; flex-direction: column; gap: 1rem; }
.ar-detail-header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 0.5rem; border-bottom: 1px solid var(--tw-border); flex-wrap: wrap; gap: 0.5rem; }
.ar-detail-header h3 { font-size: 1rem; }
.ar-view-switch { display: flex; gap: 0.25rem; }
.ar-view-btn { padding: 0.3rem 0.6rem; border-radius: var(--tw-radius-sm); background: var(--tw-bg-secondary); border: 1px solid var(--tw-border); font-size: 0.8rem; cursor: pointer; }
.ar-view-btn.active { background: var(--tw-accent); color: #fff; border-color: var(--tw-accent); }

.ar-cd-list { display: flex; flex-direction: column; gap: 0.4rem; }
.ar-cd-item { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.7rem; border-radius: var(--tw-radius-sm); background: var(--tw-bg-secondary); font-size: 0.85rem; }
.ar-cd-title { flex: 1; font-weight: 500; }
.ar-cd-time { color: var(--tw-text-muted); font-size: 0.75rem; }

.ar-timeline { max-height: 400px; overflow-y: auto; }
.ar-timeline-day { margin-bottom: 0.8rem; }
.ar-timeline-date { font-size: 0.8rem; font-weight: 600; color: var(--tw-text-secondary); padding: 0.2rem 0; border-bottom: 1px solid var(--tw-border); }
.ar-timeline-items { display: flex; flex-direction: column; gap: 0.2rem; padding-top: 0.3rem; }
.ar-timeline-item { display: flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; padding: 0.2rem 0; }

.ar-empty { text-align: center; padding: 3rem 1rem; color: var(--tw-text-muted); }
.ar-empty .icon { font-size: 3rem; margin-bottom: 0.5rem; }

.ar-readonly-badge { display: inline-block; padding: 0.15rem 0.5rem; border-radius: 10px; font-size: 0.7rem; background: #fef3c7; color: #92400e; margin-left: 0.5rem; }
[data-theme="dark"] .ar-readonly-badge { background: #451a03; color: #fbbf24; }

@media (max-width: 768px) {
  .ar-item { padding: 0.6rem 0.8rem; }
  .ar-detail-header { flex-direction: column; align-items: flex-start; }
}