body {
    scroll-behavior: smooth;
    padding-top: 56px;
}

.left-aligned {
    margin-left: auto;
}

.bg-dark {
    background-color: #343a40 !important;
}

.bg-hero {
    background-color: #45b06cff;
}

/* menu */
.navbar .nav-link {
    color: #FE5A8F !important; 
}

/* 当链接被悬停时改变颜色 */
.navbar .nav-link:hover {
    color: #FF77C8 !important; /* 悬停时的颜色 */
}

.navbar .dropdown-item
{
    color: white !important; 
}

.navbar .dropdown-item:hover {
    transform:scale(1.05,1.1);
    transition: all 0.5s ease;
    background-color: transparent !important;
}

.navbar .dropdown-toggle:hover::after
{
    transform: rotate(90deg); /* 悬停时旋转90° */
    transition: all 0.5s ease;
}

.navbar .dropdown-menu {
    background: linear-gradient(to bottom, #FE5A8F, #e665ca) !important; 
}

/* 更改下拉菜单边框颜色 */
.navbar .dropdown-menu {
    border-radius: 10px;
    border: 2px solid !important;
    border-color: #FFDEEA !important; /* 设置边框颜色 */
    box-shadow: 0px 0px 7px #FFDEEA;
    animation: fadeIn 0.5s linear forwards;
}
/* side nav */

:root {
    --wave1: #FEA2A3;
    --wave2: #FF77C8;
    --wave3: #FE5A8F;
    --Section-radius: 1.5vw;
    --subSection-radius: 1.2vw;
    --progressBar-width: 0.8vw;
    --navHeight:80vw;
}

.sideNav-container {
    position: sticky;
    top: 15%;
    overflow-y: scroll;
    height: 70vh;
    scrollbar-width: none;
    padding-top: 5vh;
}

.sideNav-container::-webkit-scrollbar {display:none}
.sideNav-container::-ms-scrollbar {display:none}


.sideNav {
    font-family: 'Candal';
    position: relative;
    width: 90%;
    height: var(--navHeight);
    left: 5%;
}

.sideNav a {
    text-decoration: none;
}

.Section {
    position: absolute;
    left: 0;
    font-size: 1vw;
    padding-left: var(--Section-radius);
    color: #FE5A8F;
    width: auto;
    display: none;
    animation: fadeIn 0.5s linear forwards;
    transition: all 0.5s ease;
    z-index: 4;
}

.Section::before {
    content: "";
    position: absolute;
    left: calc(var(--progressBar-width)/2 - var(--Section-radius)/2);
    /* 将伪元素定位到 .Section 的左侧 */
    top: 50%;
    /* 使其垂直居中 */
    transform: translateY(-50%);
    /* 通过 transform 居中 */
    width: var(--Section-radius);
    /* 设置圆的直径 */
    height: var(--Section-radius);
    border: 2px solid #FE5A8F;
    /* 设置外边框，形成空心效果 */
    border-radius: 50%;
    /* 使其成为圆形 */
    background-color: #FE5A8F;
    transition: all 0.5s ease;
}

.Section.secondary {
    position: absolute;
    left: 0;
    font-size: 0.8vw;
    padding-left: var(--Section-radius);
    color: #FF64C1;
    width: auto;
    display: none;
    animation: fadeIn 0.5s linear forwards;
    transition: all 0.5s ease;
    z-index: 4;
}

.Section .SecStyle{
    font-size: 0.8vw;
    color: #FF64C1;
}

.Section.inactive .SecStyle {
    color: inherit;  /* 继承父元素颜色 */
    /* 这里可以添加其他样式 */
}

.Section.secondary::before{
    left: calc(var(--progressBar-width)/2 - var(--subSection-radius)/2);
    width: var(--subSection-radius);
    height: var(--subSection-radius);
    background-color: #FF64C1;
}

.Section.inactive {
    color: rgb(118, 195, 231) !important;
    transition: all 0.5s ease;
}

.Section.inactive::before {
    content: "";
    position: absolute;
    left: calc(var(--progressBar-width)/2 - var(--Section-radius)/2);
    /* 将伪元素定位到 .Section 的左侧 */
    top: 50%;
    /* 使其垂直居中 */
    transform: translateY(-50%);
    /* 通过 transform 居中 */
    width: var(--Section-radius);
    /* 设置圆的直径 */
    height: var(--Section-radius);
    border: 2px solid rgb(118, 195, 231);
    /* 设置外边框，形成空心效果 */
    border-radius: 50%;
    /* 使其成为圆形 */
    background-color: white;
    /* background-color: transparent; */
    /* 设置背景透明，确保是空心圆 */
    transition: all 0.5s ease;

}

.Section.secondary.inactive::before {
    content: "";
    position: absolute;
    left: calc(var(--progressBar-width)/2 - var(--subSection-radius)/2);
    /* 将伪元素定位到 .Section 的左侧 */
    top: 50%;
    /* 使其垂直居中 */
    transform: translateY(-50%);
    /* 通过 transform 居中 */
    width: var(--subSection-radius);
    /* 设置圆的直径 */
    height: var(--subSection-radius);
    border: 2px solid rgb(118, 195, 231);
    /* 设置外边框，形成空心效果 */
    border-radius: 50%;
    /* 使其成为圆形 */
    background-color: white;
    /* background-color: transparent; */
    /* 设置背景透明，确保是空心圆 */
    transition: all 0.5s ease;

}

.progress-bar {
    position: relative;
    top: 0;
    left: 0;
    padding: 0 !important;
    width: 0.8vw;
    height: var(--navHeight);
    background-color: #e0e0e0;
    border-radius: 15px;
    overflow: hidden;
}

.inner {
    width: 200%;
    height: 100%;
    position: absolute;
    left: 0;
    background: #FEA2A3;
    /* 添加底部距离 */
    bottom: calc(0% + var(--per));
}

.box-waves {
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 200%;
    stroke: none;
}

.box-waves:nth-child(1) {
    fill: var(--wave1);
    transform: translate(-50%, 0);
    z-index: 3;
    /* svg重合有一条线条，将边距设置为负的 */
    margin-bottom: -2px;
    /* 添加动画 */
    animation: wave-move1 1.5s infinite linear;
}

.box-waves:nth-child(2) {
    fill: var(--wave2);
    transform: translate(0, 0);
    z-index: 2;
    animation: wave-move2 3s infinite linear;
}

.box-waves:nth-child(3) {
    fill: var(--wave3);
    transform: translate(-50%, 0);
    z-index: 1;
    /* 添加动画 */
    animation: wave-move1 3s infinite linear;
}

@keyframes wave-move1 {
    100% {
        transform: translate(0, 0);
    }
}

@keyframes wave-move2 {
    100% {
        transform: translate(-50%, 0);
    }
}

/* home */
.home.Border {
    width: 100%;
    height: 100%;
    display: flex;
    background-color: #FFDEEA;
    justify-content: center;
}

.home.Contain {
    width: 90%;
    background-color: #FFFBFD;
    padding-bottom: 4rem;
    border-radius: 2.5rem;
    display: flex;
    justify-content: center;
}

.home .block{
    padding: 4vw 4vw 0 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home p{
    font-family: 'Cantora One';
    font-size: 2.6vw;
    color: #5A1E67;
}

.home .title{
    font-family: 'Candal' ;
    font-size: 5vw;
    color: #FE5A8F;
    margin: 2vw 0;
}

.home .key {
    width: 120%;
    font-size: 1.8vw;
    font-family: 'Candal';
    text-align: center;
    color: #FEA2A3;
    margin-bottom: 2.5vw;
}
/* description */

.description.Box {
    width: 85%;
    margin-left: 7.5%;
    margin-right: 7.5%;
}

.description .title {
    font-family: 'Archivo Black';
    background: linear-gradient(to right, #0092ca 0%, #ABD5E5 72%, #B1DAE9);
    height: 5.5vw;
    display: inline-flex !important;
    color: white;
    font-size: 2.5vw;
    border-top-right-radius: 3vw;
    border-bottom-right-radius: 3vw;
    margin-bottom: 2vw;
    transform: translateX(-1.5vw);
    margin-top: 2vw;
    padding-right: 2vw;
    white-space: nowrap;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35);
}

.description .key {
    font-family: 'Fredoka One';
    font-size: 1.75vw;
}

.description p {
    color: #537B55;
    font-family: 'Allerta';
    font-size: 1.4vw;
    text-align: justify;
}

.description .figure {
    border-radius: 3vw;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
}

.description .sub-title {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);
    color: #38783B;
    font-size: 2vw;
    transform: translateX(-1.5vw)
}

.description .image-text-flex {
    display: flex;
    /* 启用 Flexbox 布局 */
    align-items: flex-start;
    /* 子元素在交叉轴的起点对齐 */
    justify-content: space-between;
    /* 主轴上分散对齐 */
}

.description .flex-image {
    margin-left: auto;
    /* 自动边距将图片推向右侧 */
}

.description .tab {
    font-family: 'Allerta';
    font-size: 1.5vw;
    text-align: left !important;
    align-items: center !important;
    color: #166AA6;
    position: relative;
    padding: 0.8vw;
    border-radius: 3vw;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
    background-color: #D7F0F9;
}

/* hp */

.hp.Border {
    width: 100%;
    height: 100%;
    display: flex;
    background-color: #FFDEEA;
    justify-content: center;
}

.hp.Contain {
    width: 90%;
    border-radius: 2.5rem;
    background-color: #FFFBFD;
    padding-bottom: 4rem;
}



.hp .title{
    font-family: 'Candal' ;
    font-size: 4vw;
    color: #FE5A8F;
    margin: 2vw 0;
    transform: translateX(-2vw);
}

.hp p{
    font-family: 'Cantora One';
    font-size: 2.5vw;
    color: #5A1E67;
}

.hp .key {
    display: block;
    font-size: 2vw;
    font-family: 'Candal';
    color: #FEA2A3;
    margin-bottom: 2.5vw;
}

.hp .sub-title{
    display: block;
    font-size: 2vw;
    font-family: 'Candal';
    color: #FF77C8;
    margin-bottom: 2.5vw;
}

.hp .Shadow {
    background-color: #FE5A8F;
    content: '';
    position: absolute; /* 使用绝对定位 */
    top: 0;
    left: 0;
    width: 90%;
    height: 100%;
    z-index: 0; /* 让伪元素位于图片上方 */
}


/* hp2 */

.edu.Border {
    width: 100%;
    height: 100%;
    display: flex;
    background-color: #FFDEEA;
    justify-content: center;
}

.edu.Contain {
    width: 91%;
    background-color: #FFFBFD;
    border-radius: 5vw / 8vw; /* 横向和纵向的弧度 */
    padding-top: 3vw;
    padding-bottom: 4rem;
}

.edu .title{
    font-family: 'Candal' ;
    font-size: 4vw;
    color: #FE5A8F;
    margin: 2vw 0;
}

.edu p {
    font-family: 'Cantora One';
    font-size: 2.5vw;
    color: #5A1E67;
}

.edu .key {
    display: block;
    font-size: 2vw;
    font-family: 'Candal';
    color: #FEA2A3;
    margin-bottom: 2.5vw;
}




/* model */

.model.Border {
    width: 100%;
    height: 100%;
    display: flex;
    background-color: #FFDEEA;
    justify-content: center;
}

.model.Contain {
    width: 91%;
    background-color: #FFFBFD;
    border-radius: 5vw / 8vw; /* 横向和纵向的弧度 */
    padding-top: 3vw;
    padding-bottom: 4rem;
}

.model .title{
    font-family: 'Candal' ;
    font-size: 3vw;
    color: #FE5A8F;
    margin: 2vw 0;
}

.model p {
    font-family: 'Cantora One';
    font-size: 2vw;
    color: #5A1E67;
}

.model .key {
    display: block;
    font-size: 2vw;
    font-family: 'Candal';
    color: #FEA2A3;
    margin-bottom: 2.5vw;
}

.model .sub-title{
    display: block;
    font-size: 2vw;
    font-family: 'Candal';
    color: #FF77C8;
    margin-bottom: 2.5vw;
}

.model a{
    text-decoration: none;
}

.model a:hover{
    text-decoration: underline;
}

/* team */

/* TEAM MAIN PART */
.team.Border {
    width: 100%;
    height: 100%;
    display: flex;
    background-color: #FFDEEA;
    justify-content: center;
}

.team.Contain {
    width: 90%;
    background-color: #FFFBFD;
    padding-bottom: 4rem;
}

.team h2 {
    color: #FE5A8F;
    font-family: 'Candal', cursive;
    font-size: 3vw;
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 2rem;
}

.team .hover-container {
    width: 10vw;
    /* 初始宽度 */
    height: 35vw;
    /* 高度 */
    margin: 1rem 1rem;
    border-radius: 3rem;
    background-size: cover;
    background-position: center;
    position: relative;
    transition: all 0.5s ease;
    /* 动画过渡效果 */
    overflow: hidden;
    display: flex;
    justify-items: center;
    align-items: center;
}

.team .hover-container:hover {
    width: 40vw;
    /* 鼠标悬浮时的宽度 */
}

.team .hover-container#art {
    background-image: url('https://static.igem.wiki/teams/5156/wiki/team/art-gt1.png');
}

.team .hover-container:hover#art {
    background-image: url('https://static.igem.wiki/teams/5156/wiki/team/art-g.png');
}

.team .hover-container#lab {
    background-image: url('https://static.igem.wiki/teams/5156/wiki/cover/lab-2.png');
}

.team .hover-container:hover#lab {
    background-image: url('https://static.igem.wiki/teams/5156/wiki/cover/lab-1.png');
}

.team .hover-container#hp {
    background-image: url('https://static.igem.wiki/teams/5156/wiki/team/hp-gt1.png');
}

.team .hover-container:hover#hp {
    background-image: url('https://static.igem.wiki/teams/5156/wiki/team/hp-g.png');
}

.team .hover-container#model {
    background-image: url('https://static.igem.wiki/teams/5156/wiki/team/model-gt1.png');
}

.team .hover-container:hover#model {
    background-image: url('https://static.igem.wiki/teams/5156/wiki/team/model-g.png');
}

.team .hover-container#PI {
    background-image: url('https://static.igem.wiki/teams/5156/wiki/team/pi-gt1.png');
}

.team .hover-container:hover#PI {
    background-image: url('https://static.igem.wiki/teams/5156/wiki/team/pi-g.png');
}

.team .hover-container#advisor {
    background-image: url('https://static.igem.wiki/teams/5156/wiki/team/ad-gt1.png');
}

.team .hover-container:hover#advisor {
    background-image: url('https://static.igem.wiki/teams/5156/wiki/team/ad-g.png');
}

.team .hover-text {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.35);
    border-radius: 3rem;
    text-align: center;
    height: 50%;
    width: 60%;
    top: 40%;
    left: 0;
    color: white;
    font-size: 2.4vw;
    font-family: 'Candal';
    opacity: 0;
    /* 初始文字透明 */
    transition: opacity 0.5s ease;
    /* 文字渐显 */
}

.team .hover-text p {
    padding: 0 0.5vw;
    text-align: left;
    font-size: 1.5vw;
    font-family: 'Cambay';
}

.team .hover-container:hover .hover-text {
    opacity: 1;
    /* 鼠标悬浮时文字显示 */
}

/* Team PI and AD */

.team .swiper-slide .intro {
    font-size: 1.3vw;
    font-family: 'Candal';
    position: absolute;
    top: 0%;
    width: 100%;
    height: auto;
    z-index: 0;
    opacity: 0;
}

.team .swiper-slide:hover .intro {
    opacity: 1;
    top: 25%;
    animation: fadeIn 0.5s linear forwards;
}

.team .swiper-slide:hover .intro.short {
    text-align: center !important;
    opacity: 1;
    top: 32%;
    animation: fadeIn 0.5s linear forwards;
}

.team .picName.float {
    bottom: 8%;
    padding: 0.5vw;
    right: 5%;
    font-family: 'Carter One';
    font-size: 1.5vw;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 2;
}

.team .swiper-slide .background.rise {
    height: 50%
}

.team .swiper-slide:hover .background.rise {
    height: 80% !important;
    transition: all 0.5s ease-in-out;
}

.team .swiper-slide.low {
    transform: translateY(-20%) !important;
}

/* TEAM DETAIL PART */
.team h1 {
    color: #FE5A8F;
    font-family: 'Carter One', cursive;
    font-size: 3vw;
    text-align: center;
    margin-top: 3rem;
}

.team .box {
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    height: auto;
    margin-top: 2rem;
    margin-bottom: 5rem;
    display: flex;
    justify-content: center;
}

.team .testimonial {
    width: 90%;
    /* margin: auto; */
}

.team .testimonial-text {
    padding: 0 !important;
    width: 100%;
    height: auto;
    position: relative;
    display: none;
    animation: fadeOut 0.5s linear forwards;
    z-index: 1;
}

.team .back {
    font-family: 'Carter One';
    font-size: 1vw;
    color: #FE5A8F;
    position: absolute;
    bottom: -10%;
    right: 0;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.team .back:hover img {
    transform: translateX(-5%) translateY(-15%) !important;
    transition: transform 0.3s ease-in-out;
}

.team .testimonial-text.active-board {
    display: flow-root;
    animation: fadeIn 0.5s linear forwards;
}

.team .user-info {
    background-color: #D9CAC1;
    width: 100%;
    height: auto;
    border-radius: 2rem;
    font-family: 'Cantora One', sans-serif;
    /* position: absolute; */
    display: none;
    transition: all 0.5s ease-in;
    z-index: 0;
}

.team .testimonial-text .Shadow.right {
    position: absolute;
    left: 1%;
    top: 4%;
    border-radius: 2rem;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.team .testimonial-text .Shadow.left {
    position: absolute;
    right: 3.5%;
    top: 4%;
    border-radius: 2rem;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.team .testimonial-text .Shadow {
    display: none;
}

.team .testimonial-text .Shadow.active-shadow {
    display: flex;
}

.team .user-info .col-4 {
    position: relative;
}

.team .user-text {
    text-align: center;
}

.team .user-text p {
    color: black;
    padding-right: 3vw;
    font-size: 1.9vw;
    text-align: left !important;
}

.team .pic {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 110%;
    height: auto;
}

.team .pic.hp {
    width: 70% !important;
    margin: 0 5rem;
}

.team .user-text .name {
    display: flex;
    font-size: 3vw;
    margin-top: 0.5rem;
    font-weight: 500;
    color: #FE5B8F;
}

.team .user-text .role {
    display: inline-flex;
    justify-content: end;
    margin-right: 3vw;
    font-size: 2vw;
    font-weight: 500;
    color: white;
    padding: 1rem 1rem;
    border-radius: 30px 30px;
    background-color: #FF2E71;
    transform: translateY(-1vw);
}

.team .swiper {
    width: 100%;
    animation: fadeIn 0.5s linear forwards;
}

.team .swiper .swiper-button-next {
    font-family: 'Carter One';
    font-size: 1vw;
    color: #FE5A8F;
    position: absolute;
    bottom: 20%;
    right: 0;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
}

.team .swiper .swiper-button-next:hover img {
    transform: translateX(0) translateY(-15%) !important;
    transition: transform 0.3s ease-in-out;
}

.team .swiper .swiper-button-prev {
    font-family: 'Carter One';
    font-size: 1vw;
    color: #FE5A8F;
    position: absolute;
    bottom: 20%;
    right: 10%;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
}

.team .swiper .swiper-button-prev:hover img {
    transform: translateX(0) translateY(-15%) scaleX(-1) !important;
    transition: transform 0.3s ease-in-out;
}

.team .swiper.hide {
    display: none;
    animation: fadeOut 0.5s linear forwards;
}

.team .swiper-slide {
    overflow: hidden;
    background-position: center;
    background-size: cover;
    width: 25vw;
    height: 45vw;
    display: flex;
    align-items: flex-end;
    text-align: center;
    transform: translateY(-30%);
    z-index: 0;
}

.team .swiper-slide .background {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 32%;
    border-radius: 2rem;
    z-index: -1;
}

.team .swiper-slide:hover .background {
    height: 65%;
    transition: all 0.5s ease-in-out;
}

.team .swiper-slide .title {
    font-size: 5vw;
    font-family: "Joti One";
    position: absolute;
    bottom: 17%;
    width: 100%;
    height: auto;
    z-index: 0;
}

.team .swiper-slide:hover .title {
    bottom: 50% !important;
    transition: all 0.5s ease-in-out;
}

.team .swiper-slide:hover .title#lab {
    bottom: 41% !important;
    transition: all 0.5s ease-in-out;
}

.team .swiper-slide:hover .title#hp {
    bottom: 40% !important;
    transition: all 0.5s ease-in-out;
}

.team .testimonial-pic {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.team .picName {
    position: absolute;
    bottom: 0;
    border-radius: 1.5rem;
    padding: 0.5vw;
    right: 2%;
    font-family: 'Carter One';
    font-size: 1.8vw;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 2;
}

.team .user-pic {
    width: 80%;
    height: auto;
    cursor: pointer;
    background-size: auto;
    background-position: center;
    position: relative;
    bottom: 0;
    transform: translateY(5%);
    z-index: 1;
    transition: all 0.5s ease-in-out;
}

.team .user-pic.hp {
    transform: translateY(42%);
}

.team .user-pic:hover {
    scale: 1.2;
    height: auto;
    cursor: pointer;
    background-size: auto;
    background-position: center;
    position: relative;
    bottom: 0;
    animation: moveup 0.5s linear forwards;
    transition: all 0.5s ease-in-out;
}

.team .user-pic.hp:hover {
    transform: translateY(38%) !important;
}

.team .user-info.active-info {
    display: flex;
    animation: fadeIn 0.5s linear forwards;
}

.team .swiper-wrapper {
    width: 100%;
}

@keyframes moveup {
    0% {
        transform: translateY(5%);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        /* 起始状态：完全不透明 */
    }

    to {
        opacity: 1;
        /* 结束状态：完全透明 */
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        /* 起始状态：完全不透明 */
    }

    to {
        opacity: 0;
        /* 结束状态：完全透明 */
    }
}

/* CALLOUT */
.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    border-left-width: .25rem;
    border-radius: .25rem
}

.bd-callout h4 {
    margin-bottom: .25rem
}

.bd-callout p:last-child {
    margin-bottom: 0
}

.bd-callout code {
    border-radius: .25rem
}

.bd-callout+.bd-callout {
    margin-top: -.25rem
}

.bd-callout-info {
    border-left-color: #5bc0de
}

.bd-callout-warning {
    border-left-color: #f0ad4e
}

.bd-callout-danger {
    border-left-color: #d9534f
}

/* footer */
footer a {
    color: white;
    font-weight: bold;
    text-decoration: none;
}

.footer p {
    font-family: 'Carter One', cursive;
    font-size: 1.5vw
}

footer a:hover {
    color: white;
    text-decoration: underline;
}

/* part */

table {
    width: 95%;
    box-sizing: border-box;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 1.5vw;
}

th,
td {
    border: 2px solid white;
    padding: 8px;
    text-align: center;
}

th {
    background-color: #762eaa5e;
    /* 深紫色背景 */
    color: white;
}

tr:nth-child(even) {
    background-color: #f3e5f5;
    /* 浅紫色底纹 */
}

tr:nth-child(odd) {
    background-color: #c974d469;
    /* 浅紫色底纹 */
}

tr:hover {
    background-color: #f9fff8;
    /* 表格行悬停时的颜色 */
}