/*
Theme Name: 极简养护观察主题
Description: 专为长期观察项目定制的图文列表主题
Author: Your Name
Version: 1.0
*/

body { font-family: sans-serif; margin: 0; padding: 0; background-color: #f5f5f5; color: #333; }
a { text-decoration: none; color: #2c3e50; }
header { background: #fff; padding: 15px 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); display: flex; align-items: center; }
.logo { font-size: 20px; font-weight: bold; }
.hero { height: 300px; background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); }
.hero h1 { margin: 0; font-size: 32px; }
.hero p { font-size: 18px; }
.container { max-width: 800px; margin: 20px auto; padding: 0 15px; }
.post-item { display: flex; background: #fff; margin-bottom: 20px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
.post-img { width: 30%; background: #ddd; }
.post-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.post-info { width: 70%; padding: 20px; }
.post-info h2 { margin-top: 0; font-size: 20px; }
.post-info p { color: #666; line-height: 1.5; font-size: 14px; }
footer { background: #333; color: #fff; text-align: center; padding: 30px 15px; margin-top: 40px; }
/* 手机端自适应：屏幕变窄时，左图右文变成上图下文 */
@media (max-width: 600px) {
  .post-item { flex-direction: column; }
  .post-img, .post-info { width: 100%; }
  .post-img { height: 200px; }
}