.btn-answer{background:linear-gradient(135deg,var(--c-brand),#12c0a6);color:#fff;box-shadow:0 6px 16px rgba(14,159,138,.32)}

.btn-answer:hover{transform:translateY(-2px)}


/* ===== 详情主体 ===== */

.detail-main{display:grid;grid-template-columns:1fr 320px;gap:26px;align-items:start}

.detail-body{display:flex;flex-direction:column;gap:22px}

.card{background:#fff;border:1px solid var(--c-line);border-radius:16px;padding:26px}


/* 问题头部 */

.q-head .q-state{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}

.q-tag{background:var(--c-brand-light);color:var(--c-brand-dark);padding:4px 12px;border-radius:20px;font-size:12.5px;font-weight:600}

.q-tag.o{background:var(--c-accent-light);color:#d95f12}

.q-tag.b{background:#eef4ff;color:#2b5fc7}

.q-tag.p{background:#f4f0ff;color:#7a4bd0}

.q-state .status{background:#eefaf1;color:#1c8a4d;padding:4px 12px;border-radius:20px;font-size:12.5px;font-weight:600}

.q-head h1{font-size:26px;font-weight:800;color:var(--c-ink);line-height:1.4;margin-bottom:10px}

.q-txt{font-size:15px;color:var(--c-gray);line-height:1.8;margin-bottom:18px}

.q-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--c-gray-l);flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--c-line)}

.q-user{display:flex;align-items:center;gap:8px}

.q-ava{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#e6f7f4,#eef4ff);display:flex;align-items:center;justify-content:center;font-size:17px}

.q-actions{display:flex;gap:10px;margin-left:auto}

.mini-btn{padding:7px 16px;border-radius:8px;border:1px solid var(--c-line);background:#fff;color:var(--c-gray);font-size:13px;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:6px}

.mini-btn:hover{border-color:var(--c-brand);color:var(--c-brand)}


/* 答案统计条 */

.ans-stat{display:flex;align-items:center;gap:14px;margin-bottom:18px}

.ans-stat .big{font-size:22px;font-weight:800;color:var(--c-brand)}

.ans-stat .sort{margin-left:auto;display:flex;gap:8px;font-size:13px}

.ans-stat .sort span{padding:4px 12px;border-radius:20px;cursor:pointer;color:var(--c-gray);background:#f2f4f8;transition:.2s}

.ans-stat .sort span.active{background:var(--c-brand);color:#fff}


/* 回答卡片 */

.answer{background:#fff;border:1px solid var(--c-line);border-radius:16px;padding:24px;position:relative}

.answer.best{border-color:var(--c-brand);box-shadow:0 0 0 2px rgba(14,159,138,.15)}

.answer.best::before{content:"★ 最佳答案";position:absolute;top:-13px;left:20px;background:linear-gradient(135deg,var(--c-brand),#12c0a6);color:#fff;font-size:12px;font-weight:700;padding:4px 14px;border-radius:20px}

.a-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}

.a-ava{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}

.a-user b{font-size:15px;color:var(--c-ink);display:block}

.a-user .u-role{font-size:12px;color:var(--c-brand)}

.a-user .u-role i{font-style:normal}

.a-top .a-time{margin-left:auto;font-size:12.5px;color:var(--c-gray-l)}

.a-top .a-badge{background:var(--c-brand-light);color:var(--c-brand-dark);font-size:11px;padding:3px 9px;border-radius:6px;font-weight:600}

.a-body{font-size:15px;color:#2b3442;line-height:1.85}

.a-body p{margin-bottom:12px}

.a-body ul{margin:10px 0 14px 20px}

.a-body li{margin-bottom:6px}

.a-body .hl{background:var(--c-brand-light);color:var(--c-brand-dark);padding:0 5px;border-radius:4px}

.a-foot{display:flex;align-items:center;gap:14px;margin-top:16px;padding-top:14px;border-top:1px dashed var(--c-line);font-size:13px;color:var(--c-gray-l)}

.a-foot .act{margin-left:auto;display:flex;gap:10px}

.a-foot .act button{background:none;border:1px solid var(--c-line);color:var(--c-gray);padding:5px 13px;border-radius:8px;cursor:pointer;transition:.2s}

.a-foot .act button:hover{border-color:var(--c-brand);color:var(--c-brand)}

.a-foot .agreed{color:var(--c-brand);font-weight:600}

/* 回复来源标注（最佳答案下方，来源石家庄政府网） */
.a-source{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding:8px 14px;background:#f3faf7;border:1px dashed #cdeede;border-radius:10px;font-size:11px;color:var(--c-gray-l)}
.a-source .src-ico{font-size:13px}
.a-source a{color:var(--c-brand);font-weight:600;text-decoration:none}
.a-source a:hover{text-decoration:underline}

.rel-q a{display:block;padding:11px 0;border-bottom:1px dashed var(--c-line);font-size:14px;color:var(--c-ink);transition:.2s;line-height:1.5}

.rel-q a:last-child{border:none}

.rel-q a:hover{color:var(--c-brand)}

.rel-q .rel-meta{font-size:12px;color:var(--c-gray-l);margin-top:3px;display:flex;gap:12px}

.ask-ad{background:linear-gradient(135deg,var(--c-brand),#0ea5c8);border-radius:16px;padding:24px;color:#fff;position:relative;overflow:hidden}

.ask-ad::after{content:"?";position:absolute;right:-18px;bottom:-36px;font-size:110px;color:rgba(255,255,255,.14);font-weight:800}

.ask-ad h4{font-size:18px;margin-bottom:6px;color:#e6fff9}

.ask-ad p{font-size:13px;color:#d7f4ee;margin-bottom:16px}

.ask-ad .btn{width:100%;justify-content:center;background:#fff;color:var(--c-brand)}

.user-card{text-align:center}

.user-card .big-ava{width:64px;height:64px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#e6f7f4,#eef4ff);display:flex;align-items:center;justify-content:center;font-size:30px;border:3px solid #fff;box-shadow:0 0 0 2px var(--c-line)}

.user-card b{font-size:16px}

.user-card .uc-role{font-size:12.5px;color:var(--c-brand);margin:4px 0 12px}

.user-card .uc-stats{display:flex;justify-content:center;gap:24px;margin-bottom:16px}

.user-card .uc-stats span{font-size:12px;color:var(--c-gray-l)}

.user-card .uc-stats b{display:block;font-size:17px;color:var(--c-ink)}

.user-card .btn{width:100%;justify-content:center;border:1.5px solid var(--c-brand);color:var(--c-brand);background:#fff}


/* 底部回答 */

.answer-box{background:#fff;border:1px solid var(--c-line);border-radius:16px;padding:24px}

.answer-box h3{font-size:18px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:10px}

.answer-box h3 .dot{width:8px;height:20px;border-radius:4px;background:linear-gradient(180deg,var(--c-brand),var(--c-accent))}

.answer-box textarea{width:100%;min-height:130px;border:2px solid var(--c-line);border-radius:12px;padding:14px;font-size:14px;font-family:inherit;resize:vertical;outline:none;transition:.2s;background:var(--c-bg)}

.answer-box textarea:focus{border-color:var(--c-brand);background:#fff}

.answer-box .ab-tip{font-size:12px;color:var(--c-gray-l);margin-top:6px}

.answer-box .ab-bar{display:flex;align-items:center;gap:10px;margin-top:14px}

.answer-box .ab-bar .tools{display:flex;gap:6px;color:var(--c-gray-l);font-size:16px}

.answer-box .ab-bar .tools span{width:32px;height:32px;border:1px solid var(--c-line);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}

.answer-box .ab-bar .tools span:hover{border-color:var(--c-brand);color:var(--c-brand)}

.answer-box .ab-bar .btn{margin-left:auto}

.ab-login{font-size:13px;color:var(--c-gray-l);margin-top:12px;padding-top:12px;border-top:1px solid var(--c-line)}

.ab-login a{color:var(--c-brand);font-weight:600}

@media(max-width:1024px){
  .detail-main{grid-template-columns:1fr}
}

@media(max-width:768px){
  .section{padding:28px 0}
  .h-search{display:none}
  .menu-toggle{display:block}
  .main-nav{display:none}
  .main-nav.open{display:block}
  .main-nav .container{flex-direction:column;align-items:flex-start}
  .main-nav a{width:100%}
  .f-grid{grid-template-columns:1fr}
  .q-head h1{font-size:21px}
  .q-actions{width:100%;margin-left:0}
  .topbar .tb-left .noti{display:none}
}