#hk-trt-slot { height: 36px; }
.hk-trt-bar { background: #ff5478; color: #fff; font: 600 13px/36px system-ui, sans-serif; width: 100%; }
.hk-trt-inner { max-width: 1200px; margin: auto; display: flex; height: 36px; }
.hk-trt-label { flex: none; padding: 0 12px; white-space: nowrap; background: #c73559; }
.hk-trt-label span:last-child { display: none; }
.hk-trt-window { overflow: hidden; flex: 1; min-width: 0; }
.hk-trt-track, .hk-trt-group { display: flex; width: max-content; }
.hk-trt-track { animation: hk-trt-flow var(--hk-trt-duration, 40s) linear infinite; }
.hk-trt-group a { color: #fff; text-decoration: none; white-space: nowrap; padding: 0 12px; }
.hk-trt-group a::after { content: '•'; margin-left: 24px; }
.hk-trt-group a:hover, .hk-trt-group a:focus-visible { text-decoration: underline; }
.hk-trt-window:hover .hk-trt-track { animation-play-state: paused; }
.hk-trt-window:focus-within { overflow-x: auto; scrollbar-width: none; }
.hk-trt-window:focus-within .hk-trt-track { animation: none; }
@keyframes hk-trt-flow { to { transform: translateX(-50%); } }
@media (max-width: 767px) {
    .hk-trt-label { padding: 0 8px; }
    .hk-trt-label span:first-child { display: none; }
    .hk-trt-label span:last-child { display: inline; }
}
@media (prefers-reduced-motion: reduce) {
    .hk-trt-track { animation: none; }
    .hk-trt-window { overflow-x: auto; scrollbar-width: none; }
}
.hk-trt-label::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-inline-start: 7px;
    vertical-align: 1px;
    border-radius: 50%;
    background: #fff;
    animation: hk-trt-dot 1.8s ease-in-out infinite alternate;
}
@keyframes hk-trt-dot {
    to { opacity: .3; }
}
@media (prefers-reduced-motion: reduce) {
    .hk-trt-label::after { animation: none; }
}