/*量表 列表样式*/
.assessments-list-grid { display: flex; flex-direction: column; gap: 1.5rem; }
.assessments-list-grid .assessment-card { display: flex; align-items: center; padding: 1.75rem; gap: 1.5rem; }
.assessments-list-grid .card-image-container { width: 90px; height: 90px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.assessments-list-grid .card-content { flex-grow: 1; padding: 0; }
.assessments-list-grid .card-description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }


/* 测评卡片 - 单个心理测评量表的展示卡片 */
.assessment-card { background-color: white; border-radius: var(--card-border-radius); border: 1px solid var(--neutral-200); overflow: hidden; box-shadow: var(--shadow-card); transition: var(--transition-custom); }
.assessment-card:hover { transform: translateY(-1px); box-shadow: var(--shadow-card-hover); }


.card-image-container { height: 16rem; overflow: hidden; }

.card-image { /* 卡片图片 - 测评卡片中的主图，包含悬停放大效果 */ width: 100%; height: 100%; transition: transform 0.5s ease; }

.assessment-card:hover .card-image { transform: scale(1.05); }

.card-content { padding: 1.5rem; }

/* 卡片头部 - 包含标题和分类标签 */
.card-header {  display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem; box-shadow:none;padding:0;}

.card-title { font-size: 1.25rem; font-weight: semibold; color: var(--neutral-700); }

.card-category { padding: 0.25rem 0.75rem; border-radius: 999px; font-size: 0.75rem;  }

/*.category-emotion { background-color: rgba(var(--primary-rgb), 0.1); color: var(--primary-color); }*/

.category-stress { background-color: rgba(255, 125, 0, 0.1); color: var(--warning); }

.category-health { background-color: rgba(var(--secondary-rgb), 0.1); color: var(--secondary-color); }

.category-self { background-color: rgba(0, 180, 42, 0.1); color: var(--success); }

.category-social { background-color: rgba(255, 125, 0, 0.1); color: var(--warning); }

.card-description { color: var(--neutral-500); margin-bottom: 1.5rem; line-height: 1.5; }

/* 卡片底部 - 包含测评时长和难度等元数据 */
.card-footer { display: flex; justify-content: space-between; align-items: center; }


/* 元数据标签 - 用于显示测评卡片中的辅助信息标签 */
.meta-label { color: var(--neutral-400); font-size: 0.75rem; }
/* 元数据值 - 用于显示测评卡片中的具体数据值 */
.meta-value { color: var(--neutral-700); font-weight: bold; font-size: 0.875rem; }

@media (max-width: 768px) {
    .assessments-list-grid .meta-label,
    .assessments-list-grid .meta-value { display: none; }
}