:root { --wrap: 1500px; --min: 1064px; --accent: var(--c-orb); }



.block > .sect-label img {
width: 122px;
height: auto;
margin-right: 12px;
vertical-align: -22px;
border-radius: 2px;
}







.gen {
display: grid;
grid-template-columns: repeat(3, minmax(280px, 1fr));
width: 100%;



border: 0;
}



.gen tbody { color: var(--bone); }


.gen thead { display: none; }


.gen tbody { display: contents; }

.gen tr {
grid-row: span 2;
display: grid;
grid-template-rows: subgrid;
grid-template-columns: auto minmax(0, 1fr) auto;
grid-template-areas:
"icon name cost"
"desc desc desc";
min-width: 0;
border-top: 1px solid var(--hair);
border-left: 1px solid #ffffff0d;



box-shadow: 1px 0 0 #ffffff0d, 0 1px 0 var(--hair);
}









.gen th,
.gen td {
padding: 0;
border: 0;
}

.gen tbody tr:has(> th) > th,
.gen tbody tr:has(> th) > td,
.gen tbody tr:first-child > th,
.gen tbody tr:first-child > td,
.gen tbody + tbody tr:first-child > th,
.gen tbody + tbody tr:first-child > td { border: 0; }

.gen td.ico {
grid-area: icon;
align-self: center;
padding: 20px 0 4px 22px;
}

.gen td.ico img {
display: block;
width: 44px;
height: 44px;
object-fit: contain;
}



.gen tbody th[scope="row"] {
grid-area: name;
align-self: center;
padding: 20px 16px 4px 14px;
color: var(--bone-hi);
font-family: var(--font-cn);
font-size: 16px;
font-weight: 600;
line-height: 1.6;
letter-spacing: .03em;
text-align: left;
white-space: normal;
word-break: normal;
background: none;
overflow-wrap: anywhere;
}




.gen td.cost {
grid-area: cost;
align-self: center;
padding: 20px 22px 4px 0;
color: var(--c-charge);
font-family: var(--font-body);
font-size: 14px;
font-weight: 600;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}



.gen td.cost .pips {
display: inline-flex;
gap: 3px;
margin-right: 7px;
vertical-align: 1px;
}

.gen td.cost .pips i {
width: 7px;
height: 7px;
background: currentcolor;
}

.gen td.cost::after {
content: "费用";
margin-left: 5px;
color: var(--bone-faint);
font-family: var(--font-cn);
font-size: 10px;
font-weight: 400;
letter-spacing: .1em;
}



.gen tbody td:last-child {
grid-area: desc;
align-self: start;
padding: 12px 22px 24px;
font-family: var(--font-read);
font-size: 14px;
font-variant-numeric: tabular-nums;
line-height: 1.75;
overflow-wrap: anywhere;
}


.gen tbody td:last-child p { margin: 0; }

.gen tbody td:last-child p + p { margin-top: .85em; }


.gen tbody td:last-child b { color: var(--bone-hi); font-weight: 600; }

.gen tbody td:last-child .cond b { color: var(--bone); }







.block {
content-visibility: auto;
contain-intrinsic-height: auto 720px;
}