/* ========== 通用组件：搜索滚动、底部卡片 ========== */
#search-list-menu{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
#jumpButton{position:fixed;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;background:#007BFF;color:#fff;font-size:12px;border:none;border-radius:5px;box-shadow:0 3px 5px rgba(0,0,0,.2);cursor:pointer;transition:background .3s ease}
#jumpButton:hover{background:#0056b3}
.footer-card{background:#fff;border-radius:16px;padding:clamp(20px,4vw,30px);margin:20px 0;box-shadow:0 0 20px -5px rgba(158,158,158,.15);text-align:center;width:100%;box-sizing:border-box}
.io-black-mode .footer-card{background:#1e1e1e !important;color:#e0e0e0 !important}
.footer-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:20px 0}
.footer-btn{padding:5px 12px;border-radius:6px;font-size:14px;background:#f5f5f5;color:#333 !important;text-decoration:none;white-space:nowrap}
.io-black-mode .footer-btn{background:#2d2d2d !important;color:#f0f0f0 !important}
.footer-qrcode{display:flex;justify-content:center;gap:clamp(15px,4vw,25px);flex-wrap:wrap;margin:20px 0}
.footer-qrcode img{width:clamp(90px,18vw,110px);height:clamp(90px,18vw,110px);border-radius:8px}
.footer-qrcode div{font-size:12px;margin-top:6px}
.footer-scroll-wrap{width:100%;overflow:hidden;white-space:nowrap;margin:10px 0}
.footer-scroll{display:inline-block;animation:scrollLeft 40s linear infinite}
@keyframes scrollLeft{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.run-time{font-size:14px;margin:10px 0;color:#555}
.io-black-mode .run-time{color:#ccc !important}