.qa-wrap{max-width:1060px;margin:0 auto;padding:0 16px 40px;}
/* 顶栏(两列通栏) */
.qa-top{display:flex;align-items:center;justify-content:space-between;padding:18px 0 12px;border-bottom:1px solid #ebebeb;background:#fff;}
.qa-top h1{font-size:22px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:8px;}
.qa-ask-btn{background:#0084ff;color:#fff;border:none;border-radius:999px;padding:8px 22px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 2px 8px rgba(0,132,255,.25);transition:all .2s;}
.qa-ask-btn:hover{background:#0077e6;color:#fff;text-decoration:none;box-shadow:0 4px 12px rgba(0,132,255,.35);}
.qa-tabs{display:flex;gap:22px;padding:12px 0 0;background:#fff;}
.qa-tabs a{color:#8590a6;font-size:14px;font-weight:600;padding:6px 0;text-decoration:none;border-bottom:2px solid transparent;}
.qa-tabs a:hover{color:#0084ff;}
.qa-tabs a.active{color:#0084ff;border-bottom-color:#0084ff;}

/* 两列主体 */
.qa-body{display:flex;gap:20px;margin-top:14px;}
/* 左主列 */
.qa-main{flex:1;min-width:0;background:#fff;border-radius:4px;}
.qa-card{padding:18px 22px;border-bottom:1px solid #f0f2f5;}
.qa-card:hover{background:#fafbfc;}
.qa-card:first-child{border-top-left-radius:4px;border-top-right-radius:4px;}
.qa-card-title{font-size:17px;font-weight:600;color:#1a1a1a;line-height:1.5;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.qa-card-title a{color:#1a1a1a;text-decoration:none;}
.qa-card-title a:hover{color:#0084ff;}
.qa-card-desc{font-size:14px;color:#6b7280;line-height:1.6;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:400;}
.qa-card-meta{display:flex;gap:16px;font-size:13px;color:#8590a6;align-items:center;flex-wrap:wrap;}
.qa-card-meta .b{color:#0084ff;font-weight:600;}
.qa-card-cat{background:#e7f1ff;color:#0084ff;border-radius:4px;padding:1px 9px;font-size:12px;font-weight:500;margin-left:auto;}

/* 右栏 */
.qa-side{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:14px;}
.qa-side-card{background:#fff;border-radius:8px;padding:18px 20px;border:1px solid #f0f2f5;}
.qa-side-card h3{font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 14px;display:flex;align-items:center;gap:6px;}
.qa-side-c2a{background:linear-gradient(135deg,#0084ff,#005ecf);color:#fff;text-align:center;border:none;}
.qa-side-c2a p{font-size:13px;opacity:.92;margin:0 0 14px;line-height:1.6;}
.qa-side-c2a .btn{background:#fff;color:#0084ff;border:none;border-radius:999px;padding:8px 26px;font-weight:700;font-size:14px;text-decoration:none;display:inline-block;}
.qa-side-c2a .btn:hover{background:#eaf3ff;}
.qa-side-stat{display:flex;justify-content:space-around;text-align:center;padding:6px 0 0;}
.qa-side-stat .num{font-size:20px;font-weight:700;color:#1a1a1a;line-height:1;}
.qa-side-stat .lab{font-size:12px;color:#8590a6;margin-top:4px;}
.qa-side-cat a{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:#1a1a1a;text-decoration:none;font-size:14px;border-bottom:1px solid #f7f8fa;line-height:1.4;}
.qa-side-cat a:hover{color:#0084ff;}
.qa-side-cat a:last-child{border-bottom:none;}
.qa-side-cat a .cnt{color:#8590a6;font-size:12px;}
.qa-side-cat a.on{color:#0084ff;font-weight:600;}
.qa-side-prop{font-size:13px;color:#6b7280;line-height:1.8;}
.qa-empty{text-align:center;padding:60px 20px;color:#8590a6;background:#fff;border-radius:4px;}
.qa-pagination{margin-top:20px;display:flex;justify-content:center;}
@media(max-width:768px){.qa-body{flex-direction:column;}.qa-side{width:100%;order:-1;}}