.qa-top{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
    padding:14px 16px;margin-bottom:16px;
}
.qa-top-text{font-size:13px;color:var(--muted);}
.qa-ask-btn{
    background:var(--rust);color:#04342c;border:none;border-radius:8px;
    padding:9px 18px;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;
}
.qa-ask-btn:hover{background:var(--rust-dark);}

.qa-list{display:flex;flex-direction:column;gap:12px;margin-bottom:18px;}

.qa-card{border:1px solid var(--line);border-radius:12px;padding:14px 16px;}

.qa-question{display:flex;gap:10px;}
.qa-question-body{flex:1;}
.qa-question-head{display:flex;justify-content:space-between;align-items:baseline;}

.qa-avatar{
    width:32px;height:32px;border-radius:50%;background:var(--teal-soft);color:var(--teal);
    display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:500;flex-shrink:0;
}
.qa-avatar-sm{width:28px;height:28px;font-size:11px;background:#e9e6df;color:var(--muted);}
.qa-avatar-seller{background:var(--gold);color:#fff;}

.qa-name{font-size:13.5px;font-weight:500;color:var(--ink);}
.qa-date{font-size:11.5px;color:var(--muted);}
.qa-text{font-size:13.5px;color:var(--ink);margin-top:4px;line-height:1.8;}

.qa-answers{margin-top:12px;padding-right:42px;border-right:2px solid var(--teal-soft);display:flex;flex-direction:column;gap:10px;}
.qa-answer{display:flex;gap:10px;}
.qa-answer-body{flex:1;}
.qa-answer-head{display:flex;align-items:center;gap:6px;}
.qa-answer-head .qa-date{margin-right:auto;}

.qa-badge-seller{
    font-size:10.5px;background:var(--gold);color:#fff;border-radius:5px;padding:1px 6px;
}

.qa-add-answer-btn{
    margin-top:10px;margin-right:42px;background:none;border:none;color:var(--rust-dark);
    font-size:12px;padding:0;cursor:pointer;
}

.qa-answer-form{
    margin-top:10px;margin-right:42px;display:flex;gap:8px;align-items:flex-start;
}
.qa-answer-input{
    flex:1;border:1px solid var(--line);border-radius:8px;font-size:13px;padding:8px 10px;
    font-family:inherit;resize:vertical;
}
.qa-submit-answer-btn{
    background:var(--rust);color:#04342c;border:none;border-radius:8px;
    padding:8px 14px;font-size:12.5px;font-weight:500;white-space:nowrap;cursor:pointer;
}

.qa-ask-form{
    border:1px solid var(--line);border-radius:12px;padding:10px 12px;
    display:flex;gap:10px;align-items:flex-start;background:#fff;
}
.qa-ask-input{
    flex:1;border:none;font-size:13px;outline:none;background:transparent;
    font-family:inherit;resize:vertical;
}

.qa-empty{font-size:13.5px;color:var(--muted);margin-bottom:16px;}

.qa-error{color:#c0392b;font-size:12px;margin-top:6px;width:100%;}

@media(max-width:576px){
    .qa-answers,.qa-add-answer-btn,.qa-answer-form{margin-right:0;padding-right:12px;}
    .qa-top{flex-direction:column;align-items:stretch;}
}