.card-front {
    display: inline-block;
    text-align: center;
    font-weight: bold;
    border: 10px solid;
    border-radius: 0px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.card-back {
    display: inline-block;
    text-align: center;
    font-weight: bold;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.border0 {
    border-color: white;
    /* border-image: url('../images/card/copper.jpg') 20;
    border-image-slice:5% ;
    border-image-repeat: stretch  stretch ; */
}

.border1 {
    border-color: gray;
    /* border-image: url('../images/card/copper.jpg') 20;
    border-image-slice:5% ;
    border-image-repeat: stretch  stretch ; */
}

.border1-back {
    /* background-image: url('../images/card/copper.jpg'); */
}


.border2 {
    border-color: green;
    /* border-image: url('../images/card/silver.jpg') 20;
    border-image-slice:5%;
    border-image-repeat: stretch  stretch ; */
}

.border2-back {
    /* background-image: url('../images/card/silver.jpg'); */
}


.border3 {
    border-color: blue;
    /* border-image: url('../images/card/sapphire.jpg') 20;
    border-image-slice:5%;
    border-image-repeat: stretch  stretch ; */
}

.border3-back {
    /* background-image: url('../images/card/sapphire.jpg'); */
}

.border4 {
    border-color: purple;

    /* border-image: url('../images/card/bronze.jpg') 20;
    border-image-slice:5%;
    border-image-repeat: stretch  stretch ; */
}

.border4-back {
    /* background-image: url('../images/card/bronze.jpg'); */
}


.border5 {
    /* border-color: purple orange purple orange; */
    /* border-width: 5px; */
    border-style: solid;
    border-image: linear-gradient(to right, rgb(138, 43, 226), orange) 1;

    /* border-image: linear-gradient(to right, orange, rgb(255, 215, 0)) 1; */

    /* border-image: url('../images/card/jade.jpg') 20;
    border-image-slice:5%;
    border-image-repeat: stretch  stretch ; */
}

.border5-back {
    /* background-image: url('../images/card/jade.jpg'); */
}

.border6 {
    border-style: solid;
    border-image: linear-gradient(to right, orange, rgb(255, 215, 0)) 1;
    /* border-image: url('../images/card/jade.jpg') 20;
    border-image-slice:5%;
    border-image-repeat: stretch  stretch ; */
}

.border6-back {
    /* background-image: url('../images/card/diamond.jpg'); */
}

.header-bar {
    margin-left: 20px;
}

.header-bar span {
    background-color: #210053;
    height: 3px;
}

td {
    vertical-align: middle;
}

th {
    vertical-align: middle;
}

.img-hover-container {
    overflow: hidden;
    /* 防止图片放大时溢出 */
    display: inline-block;
    /* 或根据需要设置其他显示方式 */
}

.img-hover-container img {
    transition: transform 0.8s ease;
    /* 平滑过渡效果 */
    display: block;
    /* 移除图片下方的空隙 */
}

.img-hover-container:hover img {
    transform: scale(1.3);
    /* 鼠标悬停时放大图片 */
}

.medium-zoom-overlay {
    z-index: 99999999;
}

.medium-zoom-image.medium-zoom-image--opened {
    z-index: 999999999;
}