@font-face {
    font-family: 'mainButton';
    src: url(/assets/fonts/mainButton.TTC);
}
ion-content{
    --background: #f8f8f8;

    ion-card{
        --background: #ffffff;
        box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
        border-radius: 10px;
        width: 90%;
        margin: 10px 5%;

        #img{
            padding: 15px;
            width: 40%;
            float: left;
            img{
                width: 100%;
                height: 100%;
                border-radius: 10px;
            }
        }
        #content{
            padding:15px;
            width: 60%;
            float: right;
            h1{
                color: black;
                font-size: 20px;
                margin:0 0 5px 0;
                font-family: 'mainButton';
            }
            h2{
                color:gray;
                font-size: 15px;
                margin:0 0 0 0;
            }
            h3{
                color:gray;
                font-size: 15px;
                margin:0 0 10px 0;
            }
            h4{
                color:rgb(93, 93, 93);
                font-size: 17px;
                margin:0;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2; /* 限制最大行数为2 */
                overflow: hidden;
                text-overflow: ellipsis; /* 显示省略号 */
                line-clamp: 2; /* 为支持该属性的浏览器提供 */
            }
        }
    }
    ion-button{
        --background: url(https://s1.imagehub.cc/images/2025/01/11/d21ac75a8836b47796ac3b9efa0779da.png) no-repeat center center / cover;
        height: 15vw;
        width: 50%;
        margin: 10px 25%;
        color: black;
        font-size: 25px;
        font-family: 'mainButton';
        font-weight: bold;
    }
}