a{
      text-decoration: none;
      }
        img{
        width: 100%;
        height: 100%;
        }
        .navbar-nav .nav-link.active{
        border-bottom: 3px solid red;
        }
        .nav-item:hover a{
        color: red;
        border-bottom: 3px solid red;
        }
        .card{
        transition: all .3s;
        }
        
        .row > div:nth-child(1) .card:hover{
        box-shadow: 0px 0px 10px #dc6859;
        border-radius: 6px;
        background-color: #fbfbfc;
        transform: translateY(-6px);
        }
        .row > div:nth-child(2) .card:hover {
        box-shadow: 0px 0px 10px #5769d7;
        border-radius: 6px;
        background-color: #fbfbfc;
        transform: translateY(-3px);
        }
        .row > div:nth-child(3) .card:hover{
        box-shadow: 0px 0px 10px #46b370;
        border-radius: 6px;
        background-color: #fbfbfc;
        transform: translateY(-3px);
        }
        .row > div:nth-child(4) .card:hover{
        box-shadow: 0px 0px 10px #686767;
        border-radius: 6px;
        background-color: #fbfbfc;
        transform: translateY(-3px);
        }
        .row > div:nth-child(1) .card:hover button{
        background-color: red;
        color: #fff;
        }
        .row > div:nth-child(2) .card:hover button{
        background-color: blue;
        color: #fff;
        }
        .row > div:nth-child(3) .card:hover button{
        background-color: green;
        color: #fff;
        }
        .row > div:nth-child(4) .card:hover button{
        background-color: black;
        color: #fff;
        }
        .nav-link{
        letter-spacing: 0.1rem;
        }
        .card-intro{
        height: 100px;
        background-color: #dc6859;
        border-radius: 10px;
        position: relative;
        overflow: hidden; /* 可选：防止子元素溢出圆角 */
        }
        .card-bg{
        position: absolute;
        height: 16px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 0 20px 0 20px;
  font-weight: bold;
        }
.card-outer {
    height:8rem;
        width: 100%;
            padding: 1rem;
            border-radius: 10px;
        }
        
        .card-inner {
            background-color: white;
            border-radius: 0 20px 0 20px;
            text-align: center;
            font-size: 1.5rem;
            letter-spacing: 0.2rem;
        }