.qmqtid-wrap{--gap:12px; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;}
.qmqtid-search{margin-bottom:var(--gap); display:flex; gap:8px; align-items:center;}
.qmqtid-input{flex:1; padding:10px 12px; border:1px solid #ddd; border-radius:10px; font-size:16px;}
.qmqtid-btn{padding:10px 14px; border:1px solid #0ea5e9; background:#0ea5e9; color:#fff; border-radius:10px; font-weight:600; cursor:pointer;}
.qmqtid-btn:hover{filter:brightness(0.95);}
.qmqtid-loading{padding:12px; background:#fffbea; border:1px solid #ffe58f; border-radius:10px; display:inline-block;}
.qmqtid-error{padding:12px; background:#fff1f0; border:1px solid #ffa39e; border-radius:10px; display:inline-block;}
.qmqtid-list{display:grid; grid-template-columns: repeat(var(--cols, 2), 1fr); gap:var(--gap);}
.qmqtid-card{border:1px solid #eee; border-radius:14px; padding:12px; background:#fff; transition:box-shadow .2s, transform .05s;}
.qmqtid-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.06); transform:translateY(-1px);}
.qmqtid-title{display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; font-weight:600;}
.qmqtid-meta{font-size:13px; color:#666;}
@media (max-width:600px){ .qmqtid-list{--cols:1;} }