body { font-family: sans-serif;  margin: 0 auto;  padding: 15px;  line-height: 1.6;  max-width: 100%;  box-sizing: border-box;   font-size: clamp(1rem, 2.5vw, 1.125rem);}
@media (min-width: 768px) {  body {    padding: 20px;     max-width: 800px;    }}
@media (min-width: 1024px) {  body {    padding: 30px;  max-width: 900px;   }}
header { border-bottom: 1px solid #eee; margin-bottom: 20px; padding-bottom: 10px; display: flex; align-items: center; gap: 10px; }
.article-img { margin: 20px 0; text-align: center; }
.shijian { font-size:12px;color:#666;margin-top:5px; }
h1 { margin: 0; color: #2c3e50; }
footer { margin-top: 40px; text-align: center; color: #666; font-size: 12px; border-top: 1px solid #eee; padding-top: 10px; }
ul { list-style: none; padding: 0; }
li { margin-bottom:15px; padding:10px; background:#f9f9f9; border-radius:4px; }
a { color: #2980b9; text-decoration: none; transition: color 0.2s; }
a:hover { color: #e67e22; }
.qa-item { background: #f9f9f9; padding: 15px; margin-bottom: 10px; border-radius: 5px;text-align: justify; }
.question { color: #333; margin-top: 0; }
.related-categories, .recent-articles { margin-top: 30px; padding: 15px; background: #f0f4f8; border-radius: 5px; }
.related-categories ul {display: flex;flex-wrap: wrap;gap: 12px;padding-left: 0;list-style: none;}
.related-categories li {white-space: nowrap;}
.breadcrumb { padding: 0; margin: 0 0 1em 0; display: flex; gap: 0.5em; }
.breadcrumb li { display: inline; }
.breadcrumb li::after { content: " > "; color: #999; }
.breadcrumb li:last-child::after { content: ""; }

input, textarea { width: 90%; padding: 8px; margin-top: 4px; }
button { padding: 10px 20px; margin-top: 10px; }