PJCG gimste (https://github.com/qq542vev/jihu-laho-zoi-pjcg-gimste-zoi) Lv.1 の Anki デッキのカードの CSS を独自に改変したものです。自分用ですが使いたい人はご自由に。

PJCG gimste.css

.card {
	--backgruond-color1: #FFFFFF;
	--backgruond-color2: #F0F0F0;
	--foregruond-color1: #000000;
	--foregruond-color2: #D0D0D0;
	--code-typeans-color: var(--foregruond-color1);
	--code-typeans-good-color: #80FF80;
	--code-typeans-bad-color: #FF8080;
	--code-typeans-missed-color: #D0D0D0;
	--voksa-color: rgba(255, 255, 255, 0.7);
	--anchor-link-color: #0000FF;
	--anchor-visited-color: #800080;
	--anchor-hover-color: #FF0000;

	--x1-backgruond-color: #DAFFFF;
	--x1-foregruond-color: var(--foregruond-color1);
	--x2-backgruond-color: #FFDADA;
	--x2-foregruond-color: var(--foregruond-color1);
	--x3-backgruond-color: #FFDAFF;
	--x3-foregruond-color: var(--foregruond-color1);
	--x4-backgruond-color: #DADAFF;
	--x4-foregruond-color: var(--foregruond-color1);
	--x5-backgruond-color: #FFFFDA;
	--x5-foregruond-color: var(--foregruond-color1);

	font-family: "Arial", sans-serif;
	font-size: 20px;
	line-height: 1.3;
	letter-spacing: 0.05em;
	text-align: center;
	background: var(--backgruond-color1);
	color: var(--foregruond-color1);
	padding-top: 0.3em;
}

* {
	margin: 0;
	padding: 0;
}

h1 {
	margin: 0 0.1em 0.6em;
}

p, table, ul {
	margin: 0 0.2em 1em;
}

table {
	border-collapse: collapse;
}

ul, ol {
	list-style: none;
}

a:link {
	text-decoration: none;
	color: var(--anchor-link-color);
}

a:visited {
	text-decoration: none;
	color: var(--anchor-visited-color);
}

a:hover, a:active {
	text-decoration: underline;
	color: var(--anchor-hover-color);
}

abbr[title] {
	border: 0;
	text-decoration: none;
}

cite {
	font-style: normal;
}

u {
	text-decoration: none;
}

input#typeans {
	font-size: 40px !important;
	font-weight: bold;
	letter-spacing: 0.08em;
	padding: 0.06em 0.2em;
	margin: 0 0.1em 0.3em;
	border: 1px solid #909090;
	border-radius: 5px;
	text-align: center;
	max-width: max-content;
}

code#typeans {
	font-family: inherit;
	font-size: 40px;
}

code#typeans .typeGood {
	padding: 0.06em 0 0.06em 0.04em;
	background: var(--code-typeans-good-color);
	color: var(--code-typeans-color);
	font-weight: normal;
}

code#typeans .typeBad {
	padding: 0.06em 0 0.06em 0.04em;
	background: var(--code-typeans-bad-color);
	color: var(--code-typeans-color);
	font-weight: normal;
}

code#typeans .typeMissed {
	padding: 0.06em 0 0.06em 0.04em;
	background: var(--code-typeans-missed-color);
	color: var(--code-typeans-color);
	font-weight: normal;
}

code#typeans *::after {
	content: "";
	margin-left: -0.04em;
}

code#typeans :only-child, code#typeans #typearrow ~ * {
	font-weight: bold;
}

#trixe {
	width: max-content;
	max-width: 100%;
	margin: auto;
}

#preti {
	letter-spacing: 0.08em;
	font-size: 40px;
	font-weight: bold;
}

ul#preti li {
	display: inline;
}

ul#preti li:not(:first-child)::before {
	content: ", ";
	font-weight: normal;
}

ul#preti .cimei-lerfu ~ .vomei-lerfu {
	display: none;
}

/*
#preti u.se_basna {
	border-top: 1px dotted var(--foregruond-color1);
}
*/

#voksa {
	position: fixed;
	bottom: 0;
	left: 0;
	margin: 0;
	background: var(--voksa-color);
}

#trixe #preti {
	border-bottom: 1px solid var(--foregruond-color2);
	padding-bottom: 0.4em;
}

var {
	border: 1px solid var(--foregruond-color2);
	border-radius: 8px;
	padding: 0.1em 0.2em 0.2em;
	font-family: "Times New Roman", "Courier", "Garamond", serif;
}

var.x1 {
	background: var(--x1-backgruond-color);
	color: var(--x1-foregruond-color);
}

var.x2 {
	background: var(--x2-backgruond-color);
	color: var(--x2-foregruond-color);
}

var.x3 {
	background: var(--x3-backgruond-color);
	color: var(--x3-foregruond-color);
}

var.x4 {
	background: var(--x4-backgruond-color);
	color: var(--x4-foregruond-color);
}

var.x5 {
	background: var(--x5-backgruond-color);
	color: var(--x5-foregruond-color);
}

/*
#notci {
	font-size: 90%;
}
*/

#mupli_liste[data-tags~="mupli-mipri"] {
	display: none;
}

#mupli_liste .mupli {
	overflow: hidden;
	margin: 0 0.2em 1em;
	border: 1px solid var(--foregruond-color2);
	border-radius: 10px;
	font-size: 90%;
	text-align: left;
}

#mupli_liste .mupli p {
	margin: 0;
	padding: 0.3em 0.6em;
}

#mupli_liste .mupli p:lang(ja) {
	border-top: 1px dashed var(--foregruond-color2);
	background: var(--backgruond-color2);
}

#pixra {
	overflow: hidden;
	border: 1px solid var(--foregruond-color2);
	border-radius: 10px;
	background: var(--backgruond-color2);
	display: inline-block;
	max-width: 360px;
	vertical-align: top;
	margin: 0 0.2em 1em;
}

#pixra[data-tags~="pixra-mipri"] {
	display: none;
}

#datni {
	display: inline-block;
	font-size: 80%;
	vertical-align: top;
	margin: 0 0.2em;
	border: 1px solid var(--foregruond-color2);
	border-radius: 10px;
	overflow: hidden;
}

#datni[data-tags~="datni-mipri"] {
	display: none;
}

#datni caption, #datni thead {
	display: none;
}

/*
#datni tr:not(:last-child) {
	border-bottom: 1px dashed var(--foregruond-color2);
}
*/

#datni tr:nth-child(odd) {
	background: var(--backgruond-color2);
}

#datni th, #datni td {
	padding: 0.4em;
	vertical-align: baseline;
}

#datni th {
	text-align: right;
}

#datni td {
	text-align: left;
}

#datni ul {
	margin: 0;
}

#datni li {
	display: inline;
}

#datni li:not(:last-child)::after {
	content: ", ";
}

#srana li a[title] {
	cursor: help;
}

#uebjugau li:not(:last-child)::after {
	content: ",";
}

.card.night_mode {
	--backgruond-color1: #000000;
	--backgruond-color2: #1F1F1F;
	--foregruond-color1: #A0A0A0;
	--foregruond-color2: #7D7D7D;
	--code-typeans-color: var(--backgruond-color1);
	--code-typeans-good-color: #2AA198;
	--code-typeans-bad-color: #CB4B16;
	--code-typeans-missed-color: #6E767D;
	--voksa-color: rgba(0, 0, 0, 0.7);
	--anchor-link-color: #2AA198;
	--anchor-visited-color: #6C71C4;
	--anchor-hover-color: #DC322F;

	--x1-backgruond-color: var(--backgruond-color1);
	--x1-foregruond-color: #2AA198;
	--x2-backgruond-color: var(--backgruond-color1);
	--x2-foregruond-color: #DC322F;
	--x3-backgruond-color: var(--backgruond-color1);
	--x3-foregruond-color: #6C71C4;
	--x4-backgruond-color: var(--backgruond-color1);
	--x4-foregruond-color: #268BD2;
	--x5-backgruond-color: var(--backgruond-color1);
	--x5-foregruond-color: #B58900;
}

.card.night_mode var {
	border: none;
	font-weight: bold;
}

.card.night_mode input {
	border-color: var(--foregruond-color2);
}