:root {--w:1000px; /*图片宽度*/ --h:523px; /*图片高度*/}

#outframe {

width:var(--w);

height:var(--h);

margin:160px auto;

overflow:hidden;

border-radius:32px;

position:relative;

}

#pichold {

width:calc(25 * var(--w));

height:var(--h);

animation: pshift 160s ease-out infinite alternate;

}

#pichold img {width:var(--w);height:var(--h);float:left;}

/* 歌词字幕样式 */

.lyric-box{

position: absolute;

left: 0;

bottom: 0;

width: 100%;

padding: 25px 0;

background: linear-gradient(transparent,rgba(0,0,0,0.5));

text-align: center;

pointer-events: none;

z-index: 99;

}

.lyric-text{

color: #f8f8f8;

font-size: 20px;

line-height: 2.4;

letter-spacing: 3px;

text-shadow: 1px 2px 4px #000;

transition: all 0.4s ease;

}

.lyric-cur{

color: #ffedaa;

font-size: 23px;

font-weight: 500;

}

/* 左上角标题图（原LOGO） */

.logo {

position: absolute;

left: 20px;

top: 20px;

width: 160px;

height: auto;

z-index: 98;

opacity: 0.95;

border-radius: 8px;

}

/* 右下角签名图片 */

.sign-img{

position: absolute;

right:24px;

bottom:30px; /*避开底部歌词区域，不要压字幕*/

width:80px;

height:auto;

z-index:98;

opacity:0.92;

}

@keyframes pshift {

0%,3% {margin-left: 0px;}

4%,7% {margin-left: -1000px;}

8%,11% {margin-left: -2000px;}

12%,15% {margin-left: -3000px;}

16%,19% {margin-left: -4000px;}

20%,23% {margin-left: -5000px;}

24%,27% {margin-left: -6000px;}

28%,31% {margin-left: -7000px;}

32%,35% {margin-left: -8000px;}

36%,39% {margin-left: -9000px;}

40%,43% {margin-left: -10000px;}

44%,47% {margin-left: -11000px;}

48%,51% {margin-left: -12000px;}

52%,55% {margin-left: -13000px;}

56%,59%{margin-left: -14000px;}

60%,63% {margin-left: -15000px;}

64%,67% {margin-left: -16000px;}

68%,71% {margin-left: -17000px;}

72%,75% {margin-left: -18000px;}

76%,79% {margin-left: -19000px;}

80%,83% {margin-left: -20000px;}

84%,87% {margin-left: -21000px;}

88%,91% {margin-left: -22000px;}

94%,97% {margin-left: -23000px;}

98%,100% {margin-left: -24000px;}

}