Stripe自定义支付表单显示异常求助

我直接复制了Stripe Elements官网提供的三段代码，分别把HTML存入对应文件、CSS存入关联的CSS文件、JS存入关联的JS文件，但自定义支付表单的显示完全不符合官网展示效果——目前页面上只能看到“信用卡或借记卡”的文字和“提交付款”按钮，完全没有Stripe自带的卡片输入框组件和对应样式。

实际表现：页面仅展示无任何样式的纯文本和按钮，Stripe Elements的UI组件未正常渲染出预期样式

以下是我当前使用的代码：

base.html 代码 #

<!-- 此处粘贴你的base.html代码内容 -->

main.css 代码 #

/* 此处粘贴你的main.css代码内容 */

我已经确认JS文件已正确关联到HTML文档中，但问题依然存在。恳请各位帮忙排查问题所在，谢谢！

内容的提问来源于stack exchange，提问作者Utkarsh