sphinx css 求教, 用的主题是 furo,我想更改 field_list 的效果

[chenqh]

目的是 https://sphinx-book-theme.readthedocs.io/en/stable/reference/kitchen-sink/lists.html#field-list

furo 的页面是这个 https://pradyunsg.me/furo/kitchen-sink/lists/#field-list

现在我的 css 是这位的

dl.field-list {
    display: grid;
    grid-template-columns: fit-content(30%) auto;
    margin-bottom: 1em;
    box-sizing: border-box;
}

dl.field-list>dt {
    font-weight: bold;
    word-break: break-word;
    padding-left: 0.5em;
    padding-right: 5px;
    box-sizing:border-box;
    display: block;
    height: 30px;
}

dl.field-list>dd {
    display: block;
    height: 30px;
    padding-left: 0.5em;
    margin-top: 0em;
    margin-left: 0em;
    margin-bottom: 0em;
    box-sizing:border-box;
}


dl.field-list>dd p:first-child{
    margin-top: 0.25em;
}

问题感觉怪怪的,不知道为什么.

求指点该怎么改