/* core.css - Classics Archive 全站核心样式 */
:root {
  --brand-primary: #4A3728;
  --brand-secondary: #8B7355;
  --brand-bg: #F5F0E8;
  --brand-text: #2E2A24;
  --brand-accent: #3E5C50;
  --radius-card: 8px;
  --radius-btn: 4px;
  --font-serif: Georgia, 'Times New Roman', serif;
  --font-sans: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
}
* { margin:0; padding:0; box-sizing:border-box; }
body {
  font-family: var(--font-sans);
  color: var(--brand-text);
  background: var(--brand-bg);
  line-height:1.7;
  font-size:16px;
}
h1,h2,h3,h4,h5,h6 { font-family: var(--font-serif); color: var(--brand-primary); line-height:1.3; }
h1 { font-size:2rem; margin-bottom: var(--space-md); }
h2 { font-size:1.6rem; margin: var(--space-lg) 0 var(--space-sm); }
h3 { font-size:1.3rem; margin: var(--space-md) 0 var(--space-xs); }
p { margin-bottom: var(--space-md); }
a { color: var(--brand-secondary); text-decoration:none; transition: color .2s; }
a:hover { color: var(--brand-primary); }
img { max-width:100%; height:auto; display:block; }
.container { width:100%; max-width:1100px; margin:0 auto; padding: 0 var(--space-md); }
/* 导航栏 */
.navbar { background: var(--brand-primary); padding: var(--space-md) 0; position:sticky; top:0; z-index:100; }
.navbar .container { display:flex; align-items:center; justify-content:space-between; }
.navbar .logo { font-family: var(--font-serif); color:#fff; font-size:1.5rem; }
.navbar .logo a { color:#fff; }
.navbar .hamburger { display:none; background:none; border:none; color:#fff; font-size:1.8rem; cursor:pointer; }
.navbar .nav-links { display:flex; gap: var(--space-md); align-items:center; }
.navbar .nav-links a { color:#ddd; font-size:0.95rem; }
.navbar .nav-links a:hover { color:#fff; }
/* 页脚 */
.footer { background: var(--brand-primary); color:#ddd; padding: var(--space-xl) 0; margin-top: var(--space-xl); }
.footer .container { display:flex; flex-direction:column; gap: var(--space-md); }
.footer a { color:#fff; }
/* 按钮 */
.btn { display:inline-block; padding: var(--space-sm) var(--space-lg); background: var(--brand-primary); color:#fff; border-radius: var(--radius-btn); text-align:center; cursor:pointer; transition: all .2s; }
.btn:hover { background: var(--brand-secondary); color:#fff; }
.btn-cta { background: var(--brand-accent); font-weight:bold; width:100%; max-width:400px; }
/* 卡片 */
.card { background:#fff; border-radius: var(--radius-card); padding: var(--space-md); box-shadow: 0 2px 6px rgba(0,0,0,0.05); }
/* 作者头像 */
.author-avatar { display:inline-block; width:64px; height:64px; border-radius:50%; color:#fff; font-family: var(--font-serif); font-size:28px; line-height:64px; text-align:center; background: linear-gradient(135deg, #4A3728, #8B7355); }
.avatar-eleanor { background: linear-gradient(135deg, #4A3728, #8B7355); }
.avatar-dan { background: linear-gradient(135deg, #3E5C50, #6B8F7A); }
/* 评论区块 */
.comment-section { margin-top: var(--space-lg); }
.comment-card { background:#fff; padding: var(--space-md); border-radius: var(--radius-card); margin-bottom: var(--space-sm); }
.comment-card .comment-header { display:flex; align-items:center; gap: var(--space-sm); }
.comment-card .comment-avatar { width:40px; height:40px; border-radius:50%; background:#ddd; }
.comment-card .comment-meta { font-size:0.85rem; color:#666; }
/* FAQ */
.faq-item { border-bottom:1px solid #ddd; }
.faq-question { padding: var(--space-md); cursor:pointer; font-weight:bold; display:flex; justify-content:space-between; }
.faq-answer { padding: 0 var(--space-md) var(--space-md); display:none; }
.faq-item.active .faq-answer { display:block; }
/* 面包屑 */
.breadcrumb { font-size:0.9rem; color:#666; margin-bottom: var(--space-md); }
.breadcrumb a { color: var(--brand-secondary); }
/* 移动端 */
@media (max-width:768px) {
  .navbar .hamburger { display:block; }
  .navbar .nav-links { display:none; position:absolute; top:60px; left:0; width:100%; background: var(--brand-primary); flex-direction:column; padding: var(--space-md); gap: var(--space-sm); }
  .navbar .nav-links.open { display:flex; }
  .navbar .nav-links a { display:block; padding: var(--space-sm); }
}