/* =============================================
   随意随想 - 简约前台样式
   ============================================= */
* { margin: 0; padding: 0; box-sizing: border-box; font-family: system-ui, "PingFang SC", "Microsoft YaHei", sans-serif; }
body { background: #f7f7f7; color: #333; line-height: 1.7; }

/* 顶部导航 */
header { background: #fff; border-bottom: 1px solid #eee; }
.nav { max-width: 1100px; margin: 0 auto; padding: 15px 20px; display: flex; gap: 24px; align-items: center; flex-wrap: wrap; }
.nav .logo { font-size: 22px; font-weight: bold; color: #222; text-decoration: none; }
.nav a { color: #444; text-decoration: none; font-size: 15px; }
.nav a:hover { color: #0066cc; }

/* 内容区 */
.container { max-width: 1100px; margin: 30px auto; padding: 0 20px; min-height: 60vh; }
.container h1 { font-size: 26px; margin-bottom: 15px; }
.container p { margin-bottom: 12px; }
.container img { max-width: 100%; border-radius: 4px; margin: 10px 0; }
.article-list a { display: block; padding: 14px 0; border-bottom: 1px solid #eee; color: #333; text-decoration: none; }
.article-list a:hover { color: #0066cc; }
.article-list .time { font-size: 13px; color: #999; margin-left: 12px; }

/* 底部 */
footer { margin-top: 80px; padding: 30px 20px; background: #fff; border-top: 1px solid #eee; text-align: center; font-size: 14px; color: #666; line-height: 2; }