.qa-system { max-width: 900px; margin: 20px auto; padding: 20px; }
.qa-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.qa-button { background: #0073aa; color: white; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; }
.qa-button:hover { background: #005177; }
.qa-form { background: #f7f7f7; padding: 20px; border-radius: 4px; margin-bottom: 30px; }
.form-group { margin-bottom: 15px; }
.form-group label { display: block; margin-bottom: 5px; font-weight: bold; }
.form-group input, .form-group textarea { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; }
.qa-questions-list { margin-top: 30px; }
.qa-question-item { background: white; padding: 20px; margin-bottom: 15px; border: 1px solid #e0e0e0; border-radius: 4px; }
.qa-question-item h3 { margin: 0 0 10px 0; }
.qa-question-item h3 a { color: #0073aa; text-decoration: none; }
.qa-question-item h3 a:hover { color: #005177; }
.qa-meta { display: flex; gap: 15px; font-size: 13px; color: #666; margin-top: 10px; flex-wrap: wrap; }
.qa-author { font-weight: 600; color: #333; }
.qa-tags { display: flex; gap: 5px; flex-wrap: wrap; }
.qa-tag { background: #e7f3ff; color: #0073aa; padding: 4px 10px; border-radius: 3px; font-size: 12px; }
.qa-answer-item { background: #fafafa; padding: 15px; margin-bottom: 15px; border-left: 3px solid #0073aa; }
.qa-message { margin-top: 10px; padding: 10px; border-radius: 4px; }
.qa-message.success { background: #d4edda; color: #155724; }
.qa-message.error { background: #f8d7da; color: #721c24; }