/* 容器：占一行，移动端兼容 */
            #weather-ticker {
                width: 1200px;
                height: 40px;
                line-height: 40px;
                font-size: 14px;
                color: #222;
                background: #fffaf0;
                border-bottom: 1px solid #f0e6c8;
                overflow: hidden;
                position: relative;
                z-index: 1200;
                -webkit-tap-highlight-color: transparent;
            }

            #weather-ticker .wt-viewport {
                height: 100%;
                display: block;
                overflow: hidden;
                position: relative;
            }

            /* 滚动轨道：内含两份内容用于无缝滚动 */
            #weather-ticker .wt-track {
                display: flex;
                align-items: center;
                height: 100%;
                white-space: nowrap;
                will-change: transform;
            }

            #weather-ticker .wt-item {
                display: inline-block;
                padding: 0 16px;
                white-space: nowrap;
                flex: 0 0 auto;
            }

            /* 动画：使用 CSS 变量 --marquee-distance / --marquee-duration 由 JS 设置 */
            @keyframes wt-marquee {
                from {
                    transform: translateX(0);
                }

                to {
                    transform: translateX(calc(-1 * var(--marquee-distance, 100%)));
                }
            }

            /* 启用动画的类 */
            #weather-ticker .animate {
                animation-name: wt-marquee;
                animation-timing-function: linear;
                animation-iteration-count: infinite;
                animation-play-state: running;
            }

            /* 暂停（hover / touch）*/
            #weather-ticker .paused {
                animation-play-state: paused !important;
            }

            /* 当内容短时，不滚动，左对齐并显示完整文本 */
            #weather-ticker .no-anim {
                animation: none !important;
                justify-content: flex-start;
                padding-left: 12px;
            }

            /* 小屏适配：文字略小 */
            @media (max-width: 420px) {
                #weather-ticker {
                    height:36px;
                    line-height: 36px;
                    font-size: 13px;
                }

                #weather-ticker .wt-item {
                    padding: 0 10px;
                }
            }

.index-layout-center { display: flex; justify-content: center; align-items: center; width: 100%; margin-bottom:20px;}
.match-info-wide { max-width: 200px; }
.hot-icon { width: 30px; height: 30px; }
.match-time-spacing { margin: 0 10px; }
.tags-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); grid-auto-rows: minmax(20px, auto); gap: 16px; justify-content: space-evenly; text-align: center; }
.weather-status-icon { display: inline-block; margin-left: 8px; font-size: 20px; line-height: 1; vertical-align: middle; }
.match-item .info_right.is-live a { color: #ff1f1f !important; }