/* 歇后语 */
.xh-head{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}
.xh-no{font-size:.8125rem;color:#8a9199}
.xh-quiz{border:1px solid #e4e8ee;border-radius:.5rem;background:#fafbfd;padding:1.25rem 1rem;margin-bottom:.9rem}
.xh-q{font-size:1.125rem;line-height:1.9;color:#1f2937;font-weight:600}
.xh-q b{color:var(--site-primary-dark)}
.xh-meta{margin-top:.5rem;font-size:.75rem;color:#8a9199}
.xh-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-bottom:.9rem}
.xh-opt{position:relative;padding:.85rem .75rem .85rem 1.9rem;border:1px solid #dfe4ec;border-radius:.5rem;background:#fff;
    text-align:left;font-size:.9375rem;line-height:1.6;color:#1f2937;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}
.xh-opt:hover:not(:disabled){border-color:var(--site-primary);background:#f7fffd}
.xh-opt:active:not(:disabled){transform:scale(.98)}
.xh-opt:disabled{cursor:default}
.xh-opt-no{position:absolute;top:50%;left:.6rem;transform:translateY(-50%);font-size:.75rem;color:#b8c0cc}
.xh-opt.is-right{border-color:#15c377;background:#e7f7ef;color:#0f9c5d;font-weight:600}
.xh-opt.is-wrong{border-color:#f96868;background:#fdecec;color:#d64545}
.xh-opt.is-off{opacity:.35}
.xh-bar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}
@media (max-width:575.98px){
    .xh-opts{grid-template-columns:1fr}
    .xh-q{font-size:1rem}
}