@import url(https://fonts.googleapis.com/css2?family=Long+Cang&display=swap);

/* 中间层：原有滚动轮播窗口 */

#oBlk {

width: 1200px;

height: 700px;

background: url("https://imgimg.qqdsw8.cn/view.php/cd611330c971920e884c0eaf361ed012.png") no-repeat center/cover;

padding: 32px 32px;

place-items: center;

position: relative;

box-shadow: 3px 3px 4px darkgray;

overflow: hidden;

border-radius: 24px;

display: grid;

place-items: center;

grid-template-rows: 90% 1%;

grid-template-columns: 100%;

margin: 30px auto 30px calc(50% - 681px);

}



#pa {

width: 90%;

height: 90%;

border: 4px dotted gray;

overflow: hidden;

position: relative;

}



#son {

position: absolute;

height:100%;

white-space: nowrap;

display: inline-block; /*关键修复，横向排列图片*/

animation: scroll 55s linear infinite;

}



#son:hover {

animation-play-state: paused;

}



#son img {

height:100%;

margin:0;

display: inline-block; /*图片同行不换行*/

}



/* 顶层文字说明层，z-index最高浮在最上面 */

#text-layer {

z-index: 99;

font-size: 0.95em;

color: brown;

background-color: transparent;

margin-top: 38px;

border-radius: 6px;

max-width: 1000px;

font-family: "SimHei", "Heiti SC", sans-serif;

padding: 6px;

cursor: pointer;

line-height: 1.4;

}



@keyframes scroll {

from { transform: translateX(0); }

to { transform: translateX(-50%); } /*移动一半（因为图片复制两份）全部图片完整走完*/

}





























































蜀葵之梦



红萼临阶  远隔尘喧  芳含暖意  默沁心渊

临风绰约  静守清念  韶光漫染  织就流年