.qsc-grid{display:grid;grid-template-columns:1fr;gap:10px;}
@media (min-width:720px){.qsc-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
.qsc-card{display:flex;gap:11px;padding:10px;background:#fff;border:1px solid #eae4d6;border-radius:14px;cursor:pointer;min-width:0;transition:box-shadow .18s,border-color .18s;}
.qsc-card:hover{border-color:#cfe0d4;box-shadow:0 4px 14px rgba(20,40,28,.07);}
.qsc-card:focus-visible{outline:2px solid #0b6f3f;outline-offset:2px;}
.qsc-cover{position:relative;flex:0 0 auto;width:86px;height:86px;border-radius:10px;overflow:hidden;background:#eef3ee;}
.qsc-cover img{width:100%;height:100%;object-fit:cover;display:block;}
.qsc-status{position:absolute;left:4px;top:4px;display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:8px;background:rgba(255,255,255,.94);font-size:10px;font-weight:700;color:#0b6f3f;line-height:1.5;box-shadow:0 1px 3px rgba(0,0,0,.08);}
.qsc-status:before{content:"";width:5px;height:5px;border-radius:50%;background:#17a34a;}
.qsc-status.off{color:#7a7a72;}
.qsc-status.off:before{background:#b0b0a6;}
.qsc-payoff{position:absolute;left:4px;bottom:4px;display:inline-block;max-width:calc(100% - 8px);padding:2px 5px;border-radius:6px;background:rgba(255,247,237,.96);border:1px solid #fed7aa;color:#9a3412;font-size:9.5px;font-weight:700;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.qsc-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px;}
.qsc-top{display:flex;align-items:baseline;gap:6px;min-width:0;}
.qsc-name{font-size:15px;font-weight:800;color:#1e2a22;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;}
.qsc-cat{flex:0 0 auto;font-size:10.5px;color:#0b6f3f;background:#eef6f0;border:1px solid #dcebdf;border-radius:6px;padding:1px 5px;font-weight:600;max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.qsc-intro{font-size:12px;color:#7b847c;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.qsc-addr{font-size:11.5px;color:#9a958a;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.qsc-foot{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:11px;color:#8a8a80;flex-wrap:wrap;row-gap:2px;}
.qsc-foot .qsc-dot{color:#d6d0c2;}
.qsc-foot .qsc-fee{color:#0b6f3f;font-weight:700;}
.qsc-foot .qsc-eta{color:#5f6b62;}
.qsc-sales{color:#b0894a;font-weight:600;}
.qsc-enter{margin-left:auto;font-size:11.5px;color:#0b6f3f;font-weight:800;white-space:nowrap;}
.qsc-empty{padding:26px 16px;text-align:center;color:#8a8a80;font-size:13px;background:#fff;border:1px dashed #e5dfd0;border-radius:14px;}
.qsc-empty b{display:block;color:#3f4a42;font-size:14px;margin-bottom:4px;}
.qsc-empty a{color:#0b6f3f;font-weight:700;text-decoration:none;}
.qsc-skel{display:flex;gap:11px;padding:10px;background:#fff;border:1px solid #efeade;border-radius:14px;}
.qsc-skel .b{background:linear-gradient(90deg,#f2f2ee 25%,#e9e9e3 37%,#f2f2ee 63%);background-size:400% 100%;animation:qscShine 1.3s infinite linear;}
.qsc-skel .img{width:86px;height:86px;border-radius:10px;flex:0 0 auto;}
.qsc-skel .lines{flex:1;display:flex;flex-direction:column;gap:7px;justify-content:center;}
.qsc-skel .l1{height:13px;width:62%;border-radius:4px;}
.qsc-skel .l2{height:11px;width:88%;border-radius:4px;}
.qsc-skel .l3{height:11px;width:46%;border-radius:4px;}
@keyframes qscShine{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){.qsc-skel .b{animation:none;}}