.page-title {
            font-size: 28px;
            font-weight: lighter;
            text-align: center;
            margin: 20px 0;
        }

.danmu-container {
            position: relative;
            top: 1px;
            width: 100%;
            height: 60px;
            z-index: 99999;
			padding: 0;
			display: flex;
			align-items: center;
            background: transparent;
            overflow: hidden;
	        pointer-events: none;
	        padding-top: 10px;
			border-radius: 10px;
			padding-bottom: 10px;
	        line-height: 60px; /* 垂直居中 */
        }
.article{
	margin-top: 3px;
    padding: 0 20px;
}
.danmu-item {
            position: absolute;
	        width: -webkit-fit-content;
			width: fit-content;
			left: 10%;
			top:10px;
			transform: translateY(-50%);
            white-space: nowrap; /* 防止文字换行 */
            font-size:40px;
            color: #9333ea; /* 紫色文字 */
            line-height: 50px; /* 垂直居中 */
            background-color: #ffcc00; /* 黄色背景 */
            padding: 15px,25px;
			border-radius: 30px;
			white-space: nowrap;
            /* 动画：10秒线性完成，无限循环 */
            animation: danmuRightToLeft 500s linear infinite;
        }

        /* 核心动画：从右到左循环 */
        @keyframes danmuRightToLeft {
           from {
                transform: translateX(100%); /* 初始位置：容器右侧（完全看不到） */
            }
            to{
                transform: translateX(-100%); /* 结束位置：容器左侧（完全看不到） */
            }
        }