:root{
    --bg-1:#383E46;
    --bg-2:#29AEFF;
    --bg-3:#68B9FF;
    --bg-4:#B3C5D3;
    --bg-5:#50618F;
    }

/* 首页板块背景123 */
.bg-panel-1,
.bg-panel-2,
.bg-panel-3 {
    /* color: #ffe289 !important; */
    color: white !important;
    /* box-shadow: 0 0 5px currentColor; */
    box-shadow: 0 0 8px gray;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.bg-panel-1 {
    /* background: linear-gradient(#a98175, transparent), linear-gradient(-45deg, #50618F, transparent); */
    /* F12 吸取蓝色 */
    /* background: linear-gradient(#27458f, #3c6da6); */
    background: -webkit-linear-gradient(transparent 0px, transparent 49px, rgba(255, 255, 255, 0.2) 50px, transparent 51px, transparent 99px, rgba(255, 255, 255, 0.2) 100px), -webkit-linear-gradient(330deg, transparent 0, transparent 48px, rgba(255, 255, 255, 0.2) 49px, transparent 50px, transparent 98px, rgba(255, 255, 255, 0.2) 99px, transparent 100px), -webkit-linear-gradient(30deg, transparent 0, transparent 48px, rgba(255, 255, 255, 0.2) 49px, transparent 50px, transparent 98px, rgba(255, 255, 255, 0.2) 99px, transparent 100px),  #3c6da6 -webkit-linear-gradient(0deg,#27458f, #3c6da6);
    background: linear-gradient(transparent 0px, transparent 49px, rgba(255, 255, 255, 0.2) 50px, transparent 51px, transparent 99px, rgba(255, 255, 255, 0.2) 100px), linear-gradient(120deg, transparent 0, transparent 48px, rgba(255, 255, 255, 0.2) 49px, transparent 50px, transparent 98px, rgba(255, 255, 255, 0.2) 99px, transparent 100px), linear-gradient(60deg, transparent 0, transparent 48px, rgba(255, 255, 255, 0.2) 49px, transparent 50px, transparent 98px, rgba(255, 255, 255, 0.2) 99px, transparent 100px), #3c6da6 linear-gradient(90deg, #27458f, #3c6da6);
    background-size: 100px 100px, 115px 100px, 115px 100px, auto;
}

.bg-panel-2 {
    /* background: linear-gradient(#549688, transparent), linear-gradient(-45deg, #50618F, transparent), linear-gradient(45deg, #B3C5D3, transparent); */
    /* background: linear-gradient(#a12b29e0, #a15251); */
    background: -webkit-linear-gradient(transparent 0px, transparent 49px, rgba(255, 255, 255, 0.2) 50px, transparent 51px, transparent 99px, rgba(255, 255, 255, 0.2) 100px), -webkit-linear-gradient(330deg, transparent 0, transparent 48px, rgba(255, 255, 255, 0.2) 49px, transparent 50px, transparent 98px, rgba(255, 255, 255, 0.2) 99px, transparent 100px), -webkit-linear-gradient(30deg, transparent 0, transparent 48px, rgba(255, 255, 255, 0.2) 49px, transparent 50px, transparent 98px, rgba(255, 255, 255, 0.2) 99px, transparent 100px),  #a15251 -webkit-linear-gradient(0deg, #a15251,#a12b29);
    background: linear-gradient(transparent 0px, transparent 49px, rgba(255, 255, 255, 0.2) 50px, transparent 51px, transparent 99px, rgba(255, 255, 255, 0.2) 100px), linear-gradient(120deg, transparent 0, transparent 48px, rgba(255, 255, 255, 0.2) 49px, transparent 50px, transparent 98px, rgba(255, 255, 255, 0.2) 99px, transparent 100px), linear-gradient(60deg, transparent 0, transparent 48px, rgba(255, 255, 255, 0.2) 49px, transparent 50px, transparent 98px, rgba(255, 255, 255, 0.2) 99px, transparent 100px), #a15251 linear-gradient(90deg, #a15251, #a12b29);
    background-size: 100px 100px, 115px 100px, 115px 100px, auto;
}

.bg-panel-3 {
    /* background: linear-gradient(#50618F, transparent), linear-gradient(-45deg, #50618F, transparent), linear-gradient(45deg, #B3C5D3, transparent); */
    /* background: linear-gradient(#eabd6d, #a57e48); */
    background: -webkit-linear-gradient(transparent 0px, transparent 49px, rgba(255, 255, 255, 0.2) 50px, transparent 51px, transparent 99px, rgba(255, 255, 255, 0.2) 100px), -webkit-linear-gradient(330deg, transparent 0, transparent 48px, rgba(255, 255, 255, 0.2) 49px, transparent 50px, transparent 98px, rgba(255, 255, 255, 0.2) 99px, transparent 100px), -webkit-linear-gradient(30deg, transparent 0, transparent 48px, rgba(255, 255, 255, 0.2) 49px, transparent 50px, transparent 98px, rgba(255, 255, 255, 0.2) 99px, transparent 100px),  #bb9054 -webkit-linear-gradient(0deg, #bb9054, #eabd6d);
    background: linear-gradient(transparent 0px, transparent 49px, rgba(255, 255, 255, 0.2) 50px, transparent 51px, transparent 99px, rgba(255, 255, 255, 0.2) 100px), linear-gradient(120deg, transparent 0, transparent 48px, rgba(255, 255, 255, 0.2) 49px, transparent 50px, transparent 98px, rgba(255, 255, 255, 0.2) 99px, transparent 100px), linear-gradient(60deg, transparent 0, transparent 48px, rgba(255, 255, 255, 0.2) 49px, transparent 50px, transparent 98px, rgba(255, 255, 255, 0.2) 99px, transparent 100px), #bb9054 linear-gradient(90deg, #bb9054, #eabd6d);
    background-size: 100px 100px, 115px 100px, 115px 100px, auto;
}


/* 藏品背景 */
.bg-c{
    padding: 0;
    /* background-image: url("../image/bg/wenli-1.jpg");
    background-repeat: repeat;  */
    /* background: linear-gradient(#138B90, #086468); */
    background: linear-gradient(#0c0906, #0c0a0a);
}



/* 象牙白色-杂色质感 */
.bg-wenli-1 {    
    padding: 0;
    background-image: url("../image/bg/wenli-1.jpg");
    background-repeat: repeat;
}

/*投影 使字体像发光 */
.t-shadow {
    text-shadow: 0 0 5px currentColor;
}


/* 毛玻璃 */
.blurred {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    /* background: rgba(255, 255, 255, 0.8); */
}

/* 菱格 */
.gradient-6 {
    background: -webkit-linear-gradient(transparent 0px, transparent 49px, rgba(255, 255, 255, 0.2) 50px, transparent 51px, transparent 99px, rgba(255, 255, 255, 0.2) 100px), -webkit-linear-gradient(330deg, transparent 0, transparent 48px, rgba(255, 255, 255, 0.2) 49px, transparent 50px, transparent 98px, rgba(255, 255, 255, 0.2) 99px, transparent 100px), -webkit-linear-gradient(30deg, transparent 0, transparent 48px, rgba(255, 255, 255, 0.2) 49px, transparent 50px, transparent 98px, rgba(255, 255, 255, 0.2) 99px, transparent 100px), #f3a183 -webkit-linear-gradient(0deg, #f3a183, #ec6f66);
    background: linear-gradient(transparent 0px, transparent 49px, rgba(255, 255, 255, 0.2) 50px, transparent 51px, transparent 99px, rgba(255, 255, 255, 0.2) 100px), linear-gradient(120deg, transparent 0, transparent 48px, rgba(255, 255, 255, 0.2) 49px, transparent 50px, transparent 98px, rgba(255, 255, 255, 0.2) 99px, transparent 100px), linear-gradient(60deg, transparent 0, transparent 48px, rgba(255, 255, 255, 0.2) 49px, transparent 50px, transparent 98px, rgba(255, 255, 255, 0.2) 99px, transparent 100px), #f3a183 linear-gradient(90deg, #f3a183, #ec6f66);
    background-size: 100px 100px, 115px 100px, 115px 100px, auto;
}

/* 圆纹 */
.gradient7 {
    background: repeating-radial-gradient(circle at 50% 50%, #386ad8 4%, #386ad8 7%, transparent 12%);
    background-size: 48px 50px;
}

/* 交错彩条 */
.gradient9 {
    background: -webkit-linear-gradient(45deg, rgba(171, 0, 0, 0.6) 10%, transparent 10%, transparent 20%, rgba(0, 186, 255, 0.6) 20%, rgba(0, 186, 255, 0.6) 30%, transparent 30%, transparent 40%, rgba(10, 53, 10, 0.6) 40%, rgba(10, 53, 10, 0.6) 50%, transparent 50%, transparent 60%, rgba(191, 128, 12, 0.6) 60%, rgba(191, 128, 12, 0.6) 70%, transparent 70%, transparent 80%, rgba(165, 165, 28, 0.6) 80%, rgba(165, 165, 28, 0.6) 90%, transparent 90%, transparent 100%), -webkit-linear-gradient(135deg, rgba(171, 0, 0, 0.6) 10%, transparent 10%, transparent 20%, rgba(0, 186, 255, 0.6) 20%, rgba(0, 186, 255, 0.6) 30%, transparent 30%, transparent 40%, rgba(10, 53, 10, 0.6) 40%, rgba(10, 53, 10, 0.6) 50%, transparent 50%, transparent 60%, rgba(191, 128, 12, 0.6) 60%, rgba(191, 128, 12, 0.6) 70%, transparent 70%, transparent 80%, rgba(165, 165, 28, 0.6) 80%, rgba(165, 165, 28, 0.6) 90%, transparent 90%, transparent 100%);
}