Vuetify单选按钮圆形按钮部分不显示问题求助

我在App.vue中使用了以下Pug代码：

v-radio-group(inline v-model="mode")
  v-radio(label="Find distance" value="two")
  v-radio(label="Find station" value="calc")

目前的问题是：单选按钮的标签显示正常，但圆形按钮部分完全看不到。

项目代码大量复制自其他正常运行的项目，我确认没有CSS影响单选按钮——全局style.css是空文件，App.vue底部的CSS代码如下，也未涉及单选按钮相关样式：

.guess {
  animation: fadeIn 0.3s;
  transform-origin: center;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  /* border: 1px solid grey; */
  display: inline-block;
  color: #444;
}

.breaker {
  padding-right: 10px;
}

.textbox {
  margin: auto;
  /* padding-right: 20px; */
  width: 100%;
}

.guesses tr:first-child {
  background: hsl(60, 70%, 90%);
}

.guesses tr:first-child .guess {
  color: black !important;
}

@keyframes fadeIn {
  0% {
    opacity: 0.3;
    transform: scale(0.5);
  }
  70% {
    transform: scale(1.25);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

我已经尝试过以下操作，但问题依然存在：

• 注释掉App.vue底部的所有CSS代码
• 为v-radio和v-radio-group标签添加style="visibility:visible"属性

恳请各位帮忙排查问题！

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