/* Warm - 温暖博客风格 */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Georgia, 'Times New Roman', serif; color: #3d2e1e; line-height: 1.8; background: #fdf6ee; }
.container { max-width: 900px; margin: 0 auto; padding: 0 20px; }
.site-header { background: #fff; border-bottom: 2px solid #f0e6d3; padding: 20px 0; }
.site-header .container { display: flex; align-items: center; justify-content: space-between; }
.logo a { color: #c05621; text-decoration: none; }
.logo h1 { font-size: 1.8rem; font-weight: 400; }
.main-nav ul { list-style: none; display: flex; gap: 20px; }
.main-nav a { color: #8b7341; text-decoration: none; font-size: .95rem; padding-bottom: 4px; border-bottom: 2px solid transparent; transition: all .2s; }
.main-nav a:hover { color: #c05621; border-bottom-color: #c05621; }
.hero { background: linear-gradient(135deg, #fef3c7, #fde68a); padding: 60px 0; text-align: center; border-bottom: 3px solid #f59e0b; }
.hero h1 { font-size: 2.2rem; color: #92400e; margin-bottom: 12px; }
.hero p { color: #a16207; font-style: italic; }
.section { padding: 50px 0; }
.section h2 { font-family: -apple-system, sans-serif; font-size: 1.3rem; font-weight: 600; color: #92400e; margin-bottom: 28px; padding-bottom: 8px; border-bottom: 2px solid #fde68a; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px,1fr)); gap: 20px; }
.card { background: #fff; border: 1px solid #f0e6d3; border-radius: 8px; padding: 20px; transition: all .2s; }
.card:hover { border-color: #f59e0b; box-shadow: 0 2px 8px rgba(245,158,11,.15); }
.card h3 { font-family: -apple-system, sans-serif; font-size: 1rem; }
.card h3 a { color: #92400e; text-decoration: none; }
.card p { color: #8b7341; font-size: .85rem; }
.content-list { display: grid; gap: 16px; }
.content-item { background: #fff; border: 1px solid #f0e6d3; border-radius: 8px; padding: 20px; }
.content-item h3 { font-family: -apple-system, sans-serif; font-size: 1.1rem; }
.content-item h3 a { color: #92400e; text-decoration: none; }
.content-item .meta { color: #a3967a; font-size: .8rem; margin: 6px 0; display: flex; gap: 12px; }
.content-item p { color: #8b7341; }
.site-footer { background: #3d2e1e; color: #d4c5a9; padding: 40px 0; margin-top: 50px; }
.footer-content { display: grid; grid-template-columns: 2fr 1fr; gap: 30px; margin-bottom: 20px; }
.footer-info h3 { color: #fde68a; margin-bottom: 8px; }
.footer-links h4 { color: #fde68a; margin-bottom: 10px; }
.footer-links ul { list-style: none; }
.footer-links a { color: #d4c5a9; text-decoration: none; line-height: 2; }
.footer-links a:hover { color: #fde68a; }
.footer-bottom { border-top: 1px solid #5a4735; padding-top: 16px; text-align: center; font-size: .8rem; }

/* BuildKey-theme-vars */

:root {
  --bk-canvas: 254 252 250;
  --bk-surface: 255 255 255;
  --bk-surface-soft: 254 243 235;
  --bk-border: 231 229 228;
  --bk-heading: 41 37 36;
  --bk-content: 87 83 78;
  --bk-muted: 146 142 138;
  --bk-muted-soft: 168 162 158;
  --bk-primary: 234 88 12;
  --bk-primary-soft: 255 237 213;
  --bk-primary-strong: 194 65 12;
  --bk-on-primary: 255 255 255;
  --bk-invert: 41 37 36;
  --bk-invert-content: 255 255 255;
  --bk-invert-muted: 214 211 209;
  --bk-invert-border: 68 64 60;
  --bk-font: "Noto Serif SC", Georgia, serif;
}
