.poem-list { display: grid; grid-template-columns: 1fr; gap: 16px; padding-bottom: 40px; }
.poem-item { background: var(--dark-card); padding: 20px 24px; border-radius: 12px; border: 1px solid var(--border); transition: all 0.3s ease; }
.poem-item:hover { border-color: var(--primary); transform: translateY(-3px); }
.poem-item .title { font-size: 18px; color: var(--text-bright); font-weight: 500; margin-bottom: 6px; }
.poem-item .title a { color: var(--text-bright); }
.poem-item .title a:hover { color: var(--primary); }
.poem-item .meta { font-size: 13px; color: var(--text-light); display: flex; gap: 12px; flex-wrap: wrap; }
.poem-item .meta .category { padding: 2px 8px; background: rgba(184,160,128,0.1); border-radius: 4px; color: var(--primary); }
.poem-item .body { font-size: 14px; color: var(--text); line-height: 2; margin-top: 10px; max-height: 80px; overflow: hidden; word-break: break-all; }
html.dark .poem-item { background: #161210; border-color: #2a221a; }
html.dark .poem-item:hover { border-color: #b8a080; }
html.dark .poem-item .meta .category { background: rgba(184,160,128,0.1); color: #b8a080; }
html.dark .poem-item .body { color: #b0a898; }

.poet-header { background: var(--dark-card); padding: 30px; border-radius: 12px; border: 1px solid var(--border); margin-bottom: 30px; display: flex; align-items: center; gap: 30px; }
.poet-avatar-lg { width: 100px; height: 100px; border-radius: 50%; background: linear-gradient(135deg, var(--primary), var(--accent)); display: flex; align-items: center; justify-content: center; font-size: 48px; font-weight: 700; color: var(--dark); flex-shrink: 0; }
.poet-info h1 { font-size: 28px; color: var(--text-bright); margin-bottom: 4px; }
.poet-info .dynasty-tag { display: inline-block; padding: 2px 12px; background: rgba(184,160,128,0.1); border-radius: 4px; font-size: 14px; color: var(--primary); margin-bottom: 8px; }
.poet-info .title-tag { font-size: 16px; color: var(--accent); margin-bottom: 8px; }
.poet-info .count-tag { font-size: 14px; color: var(--text-light); }
html.dark .poet-header { background: #161210; border-color: #2a221a; }
html.dark .poet-info h1 { color: #e8ddd0; }
html.dark .poet-info .dynasty-tag { background: rgba(184,160,128,0.1); color: #b8a080; }
html.dark .poet-info .title-tag { color: #c9a961; }
html.dark .poet-info .count-tag { color: #8a7e70; }

@media (max-width: 768px) {
  .poet-header { flex-direction: column; text-align: center; padding: 20px; }
  .poet-avatar-lg { width: 70px; height: 70px; font-size: 32px; }
  .poet-info h1 { font-size: 22px; }
}