.search{flex:1;display:flex;gap:8px;margin-bottom:10px}
input[type="search"]{flex:1;padding:10px;border-radius:8px;border:1px solid #cfd6e3;background:#fff}
.count{min-width:120px;text-align:right;color:#555;padding-right: 50px;}
main{display:flex;gap:20px}
.list{flex:1;max-width:640px}
.card{background:#fff;border-radius:8px;padding:12px;margin-bottom:10px;border:1px solid #e3e7ef;cursor:pointer;text-align: left !important;}
.card:hover{box-shadow:0 6px 18px rgba(20,30,60,0.06)}
.meta{font-size:0.9rem;color:#333}
.small{color:#666}
.detail{flex:1;background:#fff;border-radius:8px;padding:16px;border:1px solid #e3e7ef;min-width:320px}
.back{display:inline-block;margin-bottom:12px;color:#0366d6;cursor:pointer}
.items{margin-top:12px}
.item{padding:6px 0;border-top:1px dashed #eee}
.empty{color:#666;padding:20px;background:#fff;border-radius:8px;border:1px dashed #e6e9f0}
footer{margin-top:18px;color:#666;font-size:0.9rem}
@media (max-width:900px){main{flex-direction:column}.detail{min-width:auto}}

.bold {
	font-weight: bold;
}