.qda{min-width:0;scroll-margin-top:calc(var(--bd-sticky-top) + 64px);flex-direction:column;gap:16px;display:flex}.qda-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.qda-head h2{margin:0!important}.qda-ask{flex:none}.qda-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.qda-stats button{background:var(--bd-brand-soft);height:auto;min-height:56px;color:var(--bd-ink);white-space:normal;text-align:left;border-radius:10px;justify-content:flex-start;gap:8px;padding:12px}.qda-stats strong{font:600 20px/1.4 var(--font-tieu-de);font-variant-numeric:tabular-nums;color:var(--bd-brand)}.qda-stats span{font-size:12px}.qda-tabs{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.qda-tabs::-webkit-scrollbar{display:none}.qda-tabs button,.qda-topics button{border:1px solid var(--bd-line);background:var(--bd-surface);min-height:44px;color:var(--bd-ink);border-radius:24px;flex:none;font-size:14px}.qda-tabs button[aria-pressed=true],.qda-topics button[aria-pressed=true]{background:var(--bd-brand);color:var(--bd-on-brand);border-color:var(--bd-brand)}.qda-list{flex-direction:column;gap:8px;display:flex}.qda-card{border:1px solid var(--bd-line);background:var(--bd-surface);border-radius:16px;overflow:hidden}.qda-card>button{white-space:normal;text-align:left;width:100%;height:auto;min-height:88px;color:var(--bd-ink);background:var(--bd-surface);grid-template-columns:36px minmax(0,1fr) 20px;align-items:center;gap:8px;padding:12px;display:grid}.qda-icon{aspect-ratio:1;background:var(--bd-brand-soft);width:36px;height:36px;color:var(--bd-brand);border-radius:50%;flex:none;align-self:center;place-items:center;display:grid}.qda-card-title{flex-direction:column;gap:8px;min-width:0;display:flex}.qda-card-title strong{font:600 16px/1.4 var(--font-chu);overflow-wrap:anywhere}.qda-card-title small{color:var(--bd-ink-2);flex-wrap:wrap;gap:4px 8px;font-size:12px;display:flex}.qda-chevron{transition:transform .18s}.qda-card>button[aria-expanded=true] .qda-chevron{transform:rotate(180deg)}.qda-detail{border-top:1px solid var(--bd-line);flex-direction:column;gap:12px;padding:12px;animation:.18s ease-out qda-in;display:flex}.qda-detail p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.6}.qda-detail small{color:var(--bd-ink-2);font-size:12px}.qda-answer{border-top:1px solid var(--bd-line);flex-direction:column;gap:8px;padding-top:12px;display:flex}.qda-answer-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.qda-answer-footer button{min-height:44px;color:var(--bd-brand);gap:8px}.qda-detail form,.qda-form{flex-direction:column;gap:12px;display:flex}.qda-signin{background:var(--bd-brand-soft);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.qda-signin span{color:var(--bd-ink-2);font-size:14px}.qda-topics{flex-wrap:wrap;gap:8px;display:flex}.qda-form>p{color:var(--bd-ink-2);margin:0;font-size:14px}.qda-error{font-size:14px;color:var(--bd-hot)!important}.qda-reference h3{font:600 16px/1.4 var(--font-tieu-de);margin:0 0 8px}.qda-reference{border-top:1px solid var(--bd-line);padding-top:16px}.qda-reference .ctda-acc p{margin:0}.qda-success{color:var(--bd-brand);align-items:center;gap:8px;font-size:14px;display:flex}.kc-panel.qda-panel{border-radius:0!important;width:min(440px,100vw - 16px)!important;height:100dvh!important;max-height:100dvh!important;inset:0 0 0 auto!important;transform:none!important}.qda-panel .kc-handle{display:none!important}.qda-panel .kc-footer>button{width:100%}@keyframes qda-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover){.qda-card>button:hover{background:var(--bd-brand-soft)}}@media (width<=599px){.qda{padding:16px!important}.qda-head{align-items:flex-start}.qda-head h2{font-size:20px!important}.qda-ask{min-height:44px;padding:0 12px}.qda-tabs{margin-right:-16px;padding-right:16px}}@media (width>=600px) and (width<=1023px){.qda-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.qda-stats{max-width:480px}}@media (width>=1024px) and (width<=1279px){.qda-stats{max-width:480px}.qda-card>button{gap:12px}}@media (width>=1280px){.qda-stats{max-width:560px}.qda-detail{padding:16px}.qda-list{gap:12px}}@media (prefers-reduced-motion:reduce){.qda-detail{animation:none}.qda-chevron{transition:none}}
