/* 黄石红色研学平台样式 */

/* 颜色变量 */
:root {
    --primary: #C8102E;
    --secondary: #D4AF37;
    --bgLight: #F8F5F0;
    --textDark: #2C2C2C;
}

/* 基础样式 */
body {
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

/* 阴影 */
.card-shadow {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.text-shadow {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* 按钮激活效果 */
.btn-active {
    background-color: rgba(200, 16, 46, 0.9);
    transform: scale(0.98);
    transition: all 0.2s;
}

/* Tab激活 */
.tab-active {
    border-bottom-color: #C8102E !important;
    color: #C8102E !important;
}

/* 平板设备优化 */
@media (min-width: 540px) and (max-width: 1024px) {
    .tablet-container {
        max-width: 1024px;
        margin: 0 auto;
    }
    .tablet-grid-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .tablet-grid-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .tablet-grid-4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .tablet-text-xl {
        font-size: 1.5rem;
    }
    .tablet-text-2xl {
        font-size: 1.5rem;
    }
    .tablet-text-base {
        font-size: 1rem;
    }
    .tablet-text-sm {
        font-size: 0.875rem;
    }
    .tablet-text-lg {
        font-size: 1.125rem;
    }
    .tablet-p-6 {
        padding: 1.5rem;
    }
    .tablet-h-64 {
        height: 16rem;
    }
    .tablet-h-72 {
        height: 18rem;
    }
    .tablet-h-48 {
        height: 12rem;
    }
    .tablet-h-16 {
        height: 4rem;
    }
    .tablet-w-16 {
        width: 4rem;
    }
    .tablet-px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .tablet-gap-4 {
        gap: 1rem;
    }
    .tablet-mx-8 {
        margin-left: 2rem;
        margin-right: 2rem;
    }
}

/* 隐藏类 */
.hidden {
    display: none !important;
}

.block {
    display: block;
}

/* 行截断 */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 导航项 */
.nav-item {
    transition: color 0.2s;
}

.nav-item:hover {
    color: var(--primary);
}

/* 表单样式 */
input[type="text"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="email"],
select,
textarea {
    outline: none;
    transition: border-color 0.2s;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
    border-color: #C8102E;
}

/* 评分星星 */
.fa-star.text-secondary {
    color: #D4AF37;
}