Card Template Trouble Shooting

Front:
<div style="text-align:center;padding-left: 0px;">
{{Audio}}
<span style=color:#027702">[...]</span>

Back:
<div class="back"> </div>
<span style=color:black>
 出所</span>:<span style="color:#339922"> {{Source}}</span>
<br>
{{Snapshot}}
  <div class="furigana" style="text-align: center;font-size: 40px;">
     {{furigana:Furigana}}
  </div>
  <div style='font-size: 22px;text-align: center'>
<div class="back" style='color:black'>
  {{furigana:Back}}
<br>
<div class="english" style='font-size: 20px;text-align: right'>
     {{Morpheme}}
</div>
</div>
(without the CSS&JS garble)
Trying to generate it in the front or back template but it always comes out without the syntax applied

https://cdn.discordapp.com/attachments/304326553825837065/804637564127412224/unknown.png

Front has the raw subtitle. Please ask if there is any other information needed. Thank you.

Here are my migaku settings https://cdn.discordapp.com/attachments/304326553825837065/804638475168251904/unknown.png