/* ===== Fixed bottom market ticker (light frosted, compact) ===== */
/* Padding is applied to the real scroll container by ticker.js */
.ticker-scroll-pad { padding-bottom: 42px !important; }

#pc-ticker {
    position: fixed; left: 0; right: 0; bottom: 0;
    height: 42px; z-index: 9999;
    display: flex; align-items: stretch;
    background: rgba(255, 255, 255, 0.88);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.03);
    color: #333;
    font: 12.5px/1 -apple-system, "Segoe UI", Roboto, "Microsoft YaHei", sans-serif;
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
            mask-image: linear-gradient(to right, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
    -webkit-user-select: none; user-select: none;
}
#pc-ticker .tk-brand {
    flex: 0 0 auto; display: flex; align-items: center; gap: 6px;
    padding: 0 12px; font-weight: 700; letter-spacing: 1.2px; font-size: 11.5px; color: #555;
    background: #f0f0f0;
    border-right: 1px solid rgba(0, 0, 0, 0.06);
}
#pc-ticker .tk-brand i {
    width: 7px; height: 7px; border-radius: 50%;
    background: #0ECB81; box-shadow: 0 0 5px rgba(14, 203, 129, .8); display: inline-block;
}
#pc-ticker .tk-viewport { flex: 1 1 auto; overflow: hidden; position: relative; display: flex; align-items: center; }
#pc-ticker .tk-track {
    display: flex; align-items: center; width: max-content;
    will-change: transform; animation: tk-scroll linear infinite;
}
#pc-ticker.tk-paused .tk-track { animation-play-state: paused; }
#pc-ticker .tk-item { display: flex; align-items: center; gap: 6px; padding: 0 14px; white-space: nowrap; }
#pc-ticker .tk-coin { color: #555; font-weight: 600; }
#pc-ticker .tk-price { color: #333; font-variant-numeric: tabular-nums; }
#pc-ticker .tk-chg { font-weight: 600; font-variant-numeric: tabular-nums; }
#pc-ticker .tk-up { color: #0ECB81; }
#pc-ticker .tk-down { color: #F6465D; }
@keyframes tk-scroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }

#pc-ticker .tk-viewport::-webkit-scrollbar { display: none; }
#pc-ticker .tk-viewport { -ms-overflow-style: none; scrollbar-width: none; }

@media (max-width: 768px) {
    #pc-ticker { display: none !important; }
    .ticker-scroll-pad { padding-bottom: 0 !important; }
}
