/* --- 列表页样式 --- */
.ask-filter {
    margin-bottom: 20px;
    padding: 10px;
    background: #f9f9f9;
    border-radius: 4px;
}
.ask-filter a {
    display: inline-block;
    padding: 5px 15px;
    margin-right: 10px;
    color: #666;
    text-decoration: none;
    font-size: 14px;
}
.ask-filter a:hover, .ask-filter a.active {
    color: #1ca4e5;
    font-weight: bold;
}

.ask-list { list-style: none; padding: 0; }
.ask-list li {
    display: flex;
    padding: 20px;
    border-bottom: 1px solid #eee;
    transition: 0.2s;
}
.ask-list li:hover { background: #f9f9f9; }
.ask-status {
    width: 80px;
    text-align: center;
    margin-right: 20px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
}
.badge-success { background: #52c41a; }
.badge-default { background: #bfbfbf; }

.ask-info h3 { margin: 0 0 10px; font-size: 18px; }
.ask-info h3 a { color: #333; text-decoration: none; }
.ask-info h3 a:hover { color: #1ca4e5; }
.ask-desc { margin: 0 0 15px; color: #666; font-size: 14px; line-height: 1.6; }
.ask-meta { font-size: 12px; color: #999; }
.ask-meta span { margin-right: 15px; }

/* --- 详情页样式 --- */
.detail-wrapper {
    display: flex;
    padding: 20px 0 50px;
    gap: 30px;
}
.ask-main {
    flex: 1;
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #eee;
}

/* 问题区域 */
.question-box {
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}
.question-box h1 { margin: 0 0 20px; color: #333; font-size: 24px; }
.question-meta { margin-bottom: 20px; color: #999; font-size: 14px; }
.question-meta span { margin-right: 20px; }
.question-content { font-size: 16px; line-height: 1.8; color: #333; }
.question-content img { max-width: 100%; height: auto; }

/* 回答区域 */
.answer-section h3 { margin: 0 0 20px; font-size: 18px; color: #333; border-left: 4px solid #1ca4e5; padding-left: 10px; }
.answer-item {
    padding: 20px;
    border-bottom: 1px solid #eee;
    background: #fff;
}
.answer-item.best-answer {
    background: #f6ffed;
    border: 1px solid #b7eb8f;
    border-radius: 8px;
}
.answer-header { margin-bottom: 15px; font-size: 14px; color: #999; }
.answer-header .author { margin-right: 15px; color: #333; font-weight: bold; }
.answer-content { font-size: 15px; line-height: 1.8; color: #333; }

.no-answer { text-align: center; padding: 40px; color: #999; background: #f9f9f9; border-radius: 8px; }

/* 侧边栏服务推荐 */
.service-mini-list { list-style: none; padding: 0; }
.service-mini-list li { display: flex; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; }
.service-mini-list li:last-child { border: none; }
.mini-img { width: 60px; height: 60px; margin-right: 10px; flex-shrink: 0; }
.mini-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.mini-info h4 { margin: 0 0 5px; font-size: 14px; font-weight: normal; }
.mini-info h4 a { color: #333; text-decoration: none; }
.mini-info p { margin: 0; color: #ff5722; font-size: 12px; }

/* 响应式 */
@media (max-width: 768px) {
    .detail-wrapper { flex-direction: column; }
    .sidebar { width: 100%; }
    .ask-list li { flex-direction: column; }
    .ask-status { width: 100%; text-align: left; margin-bottom: 10px; flex-direction: row; }
    .ask-main { padding: 20px; }
}