@tailwind base;
@tailwind components;
@tailwind utilities;

/* 必填字段的星号样式 */
.required:after {
    content: " *";
    color: #dc2626; /* 使用 error-600 的颜色 */
}

/* 面包屑导航样式 */
@layer components {
    .breadcrumb-nav {
        @apply flex items-center mb-8 px-4 sm:px-6;
    }

    .breadcrumb-link {
        @apply text-sm text-gray-500 hover:text-gray-900 transition-colors duration-200;
    }

    .breadcrumb-separator {
        @apply w-5 h-5 mx-4 text-gray-400;
    }

    .breadcrumb-current {
        @apply text-sm text-gray-500;
    }
}

/* 响应式调整 */
@media (max-width: 640px) {
    .grid-cols-2 {
        grid-template-columns: 1fr;
    }
}