.hot-batch-panel{margin-top:20px;padding:20px;border:1px solid #e8e0d2;border-radius:16px;background:#fffefb;color:#27251e}.hot-batch-head,.hot-batch-foot{display:flex;align-items:center;justify-content:space-between;gap:16px}.hot-batch-head b{font-size:17px}.hot-batch-head span{margin-left:12px;font-size:13px;color:#716b60}.hot-batch-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.hot-batch-row{display:flex;gap:12px;min-width:0;padding:12px;background:#f6f3ec;border-radius:12px}.hot-batch-cover{position:relative;flex:none;width:48px;height:64px;border-radius:7px;overflow:hidden;background:#e2ded3}.hot-batch-cover img{width:100%;height:100%;object-fit:cover}.hot-batch-cover span{position:absolute;left:3px;bottom:3px;background:#fffdf1e8;border-radius:4px;min-width:18px;text-align:center;font-size:11px;color:#302a1a}.hot-batch-copy{min-width:0}.hot-batch-copy b{font-size:14px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}.hot-batch-status{font-size:12px;color:#77705f;line-height:1.6;margin-top:5px;overflow-wrap:anywhere}.hot-batch-copy small{font-size:11px;color:#938a79}.hot-batch-row.is-done .hot-batch-status{color:#347051}.hot-batch-foot>span{font-size:12px;color:#77705f;line-height:1.6}.hot-batch-foot>div{flex:none;display:flex;gap:8px}.hot-batch-spinner{display:inline-block;width:11px;height:11px;border:1.5px solid #d4c8af;border-top-color:#9a792c;border-radius:50%;margin-right:6px;vertical-align:-1px;animation:hot-batch-turn .9s linear infinite}@keyframes hot-batch-turn{to{transform:rotate(360deg)}}@media(max-width:700px){.hot-batch-panel{padding:14px}.hot-batch-rows{grid-template-columns:minmax(0,1fr)}.hot-batch-foot{align-items:stretch;flex-direction:column}.hot-batch-foot>div{justify-content:flex-end}.hot-batch-head{gap:8px}.hot-batch-head span{display:block;margin:4px 0 0}}@media(prefers-reduced-motion:reduce){.hot-batch-spinner{animation:none}}

/* Keep the progress panel after the wall and clear of the mobile header. */
.hot-batch-panel{scroll-margin-top:76px}
@media(max-width:820px){#card1>#hotBatchPanel{order:6}#card1>#hotBatchHistory{order:7}}