/* qa.css - 天津木子家政 问答中心样式 */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7;color:#333;background:#f5f6f8}
a{color:#1e5aa8;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:960px;margin:0 auto;padding:0 16px}
header{background:linear-gradient(135deg,#1e3a5f,#2c5282);color:#fff;padding:14px 0;margin-bottom:24px}
header .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
header h1{font-size:20px}
header h1 a{color:#fff}
header nav a{color:#cbd5e0;margin-left:16px;font-size:14px}
header nav a:hover{color:#fff;text-decoration:none}
main{min-height:60vh;padding-bottom:40px}
h2{font-size:24px;margin-bottom:12px}
.intro{color:#666;margin-bottom:20px}
.breadcrumb{font-size:13px;color:#888;margin-bottom:16px}
.breadcrumb a{color:#1e5aa8}
.qa-list{display:flex;flex-direction:column;gap:14px}
.qa-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px 18px;transition:box-shadow .2s}
.qa-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}
.qa-item h3{font-size:16px;margin-bottom:6px}
.qa-item h3 a{color:#1e3a5f}
.qa-item h3 a:hover{color:#1e5aa8}
.qa-item p{font-size:14px;color:#666}
.qa-tags{margin-top:8px}
.tag{display:inline-block;background:#ebf4ff;color:#1e5aa8;font-size:12px;padding:2px 8px;border-radius:4px;margin-right:6px}
.pagination{margin-top:24px;text-align:center}
.pagination a{display:inline-block;padding:6px 12px;margin:0 4px;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px}
.pagination a.active{background:#1e5aa8;color:#fff;border-color:#1e5aa8}
.qa-detail{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px 28px}
.qa-detail h2{font-size:22px;color:#1e3a5f;line-height:1.4}
.answer{margin-top:16px}
.answer p{margin-bottom:12px;text-align:justify}
.qa-meta{margin-top:20px;padding-top:14px;border-top:1px solid #eee;font-size:13px;color:#666}
.qa-meta p{margin-bottom:6px}
.qa-meta strong{color:#333}
.qa-cta{margin-top:18px;background:#f0f7ff;border:1px solid #b8d7f5;border-radius:8px;padding:14px 16px;font-size:15px}
.qa-cta a{color:#c0392b;font-weight:bold}
.cats-grid{display:flex;flex-direction:column;gap:12px}
.cat-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px 18px}
.cat-section h3{font-size:17px;margin-bottom:4px}
.cat-section h3 a{color:#1e3a5f}
.cat-section h3 span{color:#999;font-size:13px;font-weight:normal}
.cat-section p{font-size:13px;color:#888}
footer{background:#1e3a5f;color:#a0aec0;text-align:center;padding:18px 0;font-size:13px}
@media(max-width:640px){
  header .container{flex-direction:column;text-align:center}
  header nav a{margin:0 8px}
  h2{font-size:20px}
  .qa-detail{padding:16px}
}