XksyuWebPage/lib/tool.css

@font-face {
    font-family: 'ZHFA';
    src:url('./font/zhA_tool.woff2') format('woff2');
}

.tool-head {
    background-color: #f9faff;
    padding: 20px 90px;
}
.tool-head h1{
    font-family: "ZHFA", sans-serif;
    font-size: 50px;
    color: #000000;
}

.tool-list {
    background-color: #ffffff;
    padding: 40px 50px;
    display: grid;
    grid-auto-flow: column;
    align-items: stretch;
    gap: 30px;
    justify-content: center; 
}
.tool-inner {
    box-sizing: border-box;
    border: 1px solid #b1b1b1;
    border-radius: 10px; 
    width: 400px;
    padding: 20px;
    transition: background-color 0.7s ease;
}
.tool-inner:hover {
    background-color: #eaeefd;
    transition: background-color 0.7s ease;
}