/ai-interview-miniapp/ai-interview-miniapp/src/css/custom.css

/* 这个文件是为了覆盖Tailwind CSS的默认样式而创建的 */

/* 自定义颜色 */
.bg-primary {
    background-color: #4A90E2; /* 主色调 */
}

.text-primary {
    color: #4A90E2; /* 主文本色 */
}

/* 自定义按钮样式 */
.btn {
    @apply px-4 py-2 rounded-lg text-white;
}

.btn-primary {
    @apply bg-primary hover:bg-blue-600;
}

/* 自定义输入框样式 */
.input {
    @apply border border-gray-300 rounded-lg p-2;
}

/* 自定义卡片样式 */
.card {
    @apply bg-white shadow-md rounded-lg p-4;
}

/* 自定义间距 */
.mt-4 {
    margin-top: 1rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

/* 自定义字体样式 */
.font-heading {
    @apply font-bold text-xl;
}

.font-body {
    @apply text-base;
}

.iframe-wh {
    height: 852px;
    width: 393px;
}