/*
 * HC Theme: 07-Components (v1.1)
 * --------------------------------
 * 存放可重用的 UI 组件，例如卡片、徽章等。
 */

/* --- 基础卡片 (c-card) --- */
/*
 * 这是 .solution-card, .insight-card, .faq-card, 
 * .method-card, .service-directory-card 的 v1.1 合并版
 */
.c-card {
    background-color: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0 8px 15px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
    
    /* 关键架构：
     * 1. 允许卡片有不同的内边距 (padding)
     * 2. 强制使用 flex-column，以允许内容 (p) flex-grow: 1 
     */
    display: flex;
    flex-direction: column;
    overflow: hidden; /* 确保内容不会溢出圆角 */
}

/* --- 卡片修饰符 (Modifiers) --- */

/* 修饰符 1: 悬停时“上浮”
 * .c-card--hover-lift 
 */
.c-card--hover-lift:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 20px rgba(0,0,0,0.08);
}

/* 修饰符 2: “顶部边框” (可变色)
 * .c-card--border-top 
 */
.c-card--border-top {
    /* 默认使用 4px 蓝色边框 */
    border-top: 4px solid var(--primary-blue);
}
.c-card--border-top:hover {
    /* 悬停时变为金色 */
    border-top-color: var(--accent-gold);
}

/* 修饰符 3: 专用于“服务目录”的 5px 边框
 * .c-card--border-top-5px
 */
.c-card--border-top-5px {
     border-top: 5px solid var(--primary-blue);
}
.c-card--border-top-5px:hover {
    border-top-color: var(--accent-gold);
}