#hanzi-group{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:80px 0;padding:0 10px}#hanzi-group .hanzi{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cg stroke='%23ddd' stroke-width='2'%3E%3Crect width='500' height='500' fill='transparent' stroke-width='3' rx='0' ry='0'/%3E%3Cpath d='m0 0 500 500M500 0 0 500M0 250h500M250 0v500'/%3E%3C/g%3E%3C/svg%3E");background-size:cover;position:relative}#hanzi-group .hanzi ruby{color:var(--theme-text);font-weight:500;pointer-events:none;top:20px}#hanzi-group .hanzi ruby,#hanzi-group .hanzi ruby rt{left:50%;position:absolute;transform:translate(-50%)}#hanzi-group .hanzi ruby rt{color:var(--theme-text-secondary);top:-2em}.dark-mode #hanzi-group .hanzi{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cg stroke='%23333' stroke-width='2'%3E%3Crect width='500' height='500' fill='transparent' stroke-width='3' rx='0' ry='0'/%3E%3Cpath d='m0 0 500 500M500 0 0 500M0 250h500M250 0v500'/%3E%3C/g%3E%3C/svg%3E")}.sepia-mode #hanzi-group .hanzi{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cg stroke='%23c9b8a3' stroke-width='2'%3E%3Crect width='500' height='500' fill='transparent' stroke-width='3' rx='0' ry='0'/%3E%3Cpath d='m0 0 500 500M500 0 0 500M0 250h500M250 0v500'/%3E%3C/g%3E%3C/svg%3E")}