@charset "utf-8";

body {
    
    --bg-color: #f6e9d8;
    --book-name-color: #c06d11;
    --book-name-color-rgb: 192, 109, 17;
    --book-author-color:#954e00;
    --topic-color:#c06d11;
    --liner-color:#d1a97e;
    --second-color:#d29048;

    background-color: var(--bg-color)
}
.bg-page{
    background-image: url(bg-m.jpg);
}
.mg .topic { visibility: hidden }
.number .no {
    white-space: nowrap;
    font-size: x-small;
    padding: 0 0.5em;
    line-height:2;
}
.booker {
    color:var(--book-author-color)
}
.booker .book-name,.booker .book-des .book-des-txt {
    color:var(--book-name-color)
}
.booker .book-des .book-des-txt { text-shadow: 0 0 0 #c06d11; }
.player-btn::before,.track-flag{
    background-color: var(--book-author-color)
}
.number .year { color:var(--second-color) }
.number .no { background-color:var(--second-color) }
.number .right { 
    mask-repeat: no-repeat;
    mask-position: right top;
    mask-size: contain;
    background-color: var(--second-color)
 }
 .number .qrcode {
    background-color:var(--second-color) !important;
 }
.book-recomment .mg-name{ text-shadow: 0 0 1px var(--book-author-color); }
.booker::after,
.audio-txt .topic::before, .wqtj .topic::before, .dsxd .topic::before,
.footer::before
{
    background-color: rgba(var(--book-name-color-rgb), 0.7);
}
.mg-photo { background-image:url(touxiang.png) }
.topic { color:var(--topic-color) }
.list-2 li p{ color:unset; }
.audio-txt .topic::before, .wqtj .topic::before, .dsxd .topic::before{
    width:100%;
}



@media (min-width: 1200px) {

.bg-page{
    background-image: url(bg-pc.jpg);
}
.number .no{ font-size:18px; line-height:2; }
.number .left::before,
.motif::before{
    background-image: linear-gradient(to left, white 40%, var(--second-color));
    box-shadow: 0 1px 2px var(--book-author-color);
 }

 .br-wrap .mg-name::before, .br-wrap .mg-name::after{ 
    background-color: var(--book-author-color)
 }

 .mCSB_buttonUp, .mCSB_buttonDown, .mCSB_dragger_bar,
 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background-color:var(--book-author-color) !important
 }

 .wqtj{ flex-basis: 100%; }
 .list-2 li{
    flex-basis: 25%;
    text-align:center;
 }
}