html {
    height: 100%; 
}

body{
    line-height: 1.9;
    background-image: url(/image/dressing_0.webp), url(/image/dressing_1.webp), url(/image/dressing_2.webp), url(/image/dressing_3.webp), url(/image/dressing_4.webp), url(/image/dressing_5.webp), url(/image/dressing_6.webp), url(/image/dressing_7.webp), url(/image/dressing_8.webp), url(/image/dressing_9.webp), url(/image/dressing_10.webp), url(/image/dressing_11.webp), url(/image/dressing_12.webp), url(/image/dressing_13.webp), url(/image/dressing_14.webp), url(/image/dressing_15.webp), url(/image/dressing_16.webp), url(/image/dressing_17.webp), url(/image/dressing_18.webp), url(/image/dressing_19.webp), url(/image/dressing_20.webp), url(/image/dressing_21.webp), url(/image/dressing_22.webp), url(/image/dressing_23.webp), url(/image/dressing_24.webp);
    background-size: calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px), calc(20% + 2px) calc(20% + 2px); 
    background-position: left top, left 25% top, left 50% top, left 75% top, right top, left top 25%, left 25% top 25%, left 50% top 25%, left 75% top 25%, right top 25%, left top 50%, left 25% top 50%, left 50% top 50%, left 75% top 50%, right top 50%, left top 75%, left 25% top 75%, left 50% top 75%, left 75% top 75%, right top 75%, left bottom, left 25% bottom, left 50% bottom, left 75% bottom, right bottom;
    background-repeat: no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat, no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat, no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
}
#player{float:right;}
.poem{
    position:fixed;
    margin: 5% 29%;
    left:0;
    top:80px;
    right:0;
    width:176px;
    font-family: "KaiTi","PingFang SC","WenQuanYi Zen Hei","Microsoft Yahei",sans-serif;
    color:LightGoldenRodYellow;
    font-size:22px;
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #6AB5FF, 0 0 80px #6AB5FF, 0 0 100px #6AB5FF;
}
.headbar{
    width: 520px;
    border-radius:5px;
    background-color:LightGoldenRodYellow;
    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #6AB5FF, 0 0 80px #6AB5FF;
    margin-top: 20px;
    padding-left:15px;
    padding-right:15px;
    display: flex;
    flex-direction: row; 
    justify-content: space-between;
}
#bottom-fixed{
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 560px;
    height: 40px;
    border-radius:5px;
    box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #6AB5FF, 0 0 40px #6AB5FF;
    background-color:LightGoldenRodYellow;
    padding-left:15px;
    padding-right:15px;
    text-align: center;
    vertical-align: middle;
    font-size: small;
}
#inner-left{
    width: 318px;
    font-size: small;
}
#inner-right{
    flex: 1;
    font-size: small;
    text-align: right;
    padding-top: 11px;
}

.menu-button {
    height: 28px;
    background: transparent;
    line-height: 28px;
    cursor: pointer;
    /*position: relative;*/
    overflow: hidden;
}

.menu-button:hover {
    overflow: visible;
    z-index: 999;
    cursor: pointer;
}
/* 下拉菜单与鼠标移入 */
.drop {
    background-color: LightGoldenRodYellow;
    text-align: center;
    width: 115%;
    height: 25px;
    line-height: 25px;
    border-radius:3px;
    overflow: hidden;
}
.drop:hover{
    background-color: #6AB5FF;
    cursor: pointer;
}

p {
    position: fixed;
}