/* 卡路里计算器专题页专属样式 */

.kl-form {
    grid-template-columns: 1fr 1fr;
}

.form-group-full {
    grid-column: 1 / -1;
}

/* 结果4格网格 */
.kl-result {
    margin-top: 1.5rem;
}

.kl-result-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.kl-result-card {
    padding: 1.2rem;
    border-radius: 10px;
    text-align: center;
}

.kl-card-label {
    font-size: 0.82rem;
    color: #666;
    margin-bottom: 0.4rem;
}

.kl-card-val {
    font-size: 2rem;
    font-weight: 700;
    font-family: 'Fira Code', monospace;
    line-height: 1.2;
}

.kl-card-unit {
    font-size: 0.78rem;
    color: #999;
    margin-top: 0.2rem;
}

.kl-bmr {
    background: #f5f7fa;
    border: 1px solid #e8eaf0;
}

.kl-bmr .kl-card-val { color: #555; }

.kl-tdee {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
}

.kl-tdee .kl-card-val { color: #2563eb; }

.kl-loss {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
}

.kl-loss .kl-card-val { color: #059669; }

.kl-gain {
    background: #fff7ed;
    border: 1px solid #fed7aa;
}

.kl-gain .kl-card-val { color: #ea580c; }

/* 食物热量表 */
.kl-food-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.kl-food-table-wrap {
    overflow-x: auto;
}

.kl-food-table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
}

.kl-food-table th {
    background: #f5f7fa;
    padding: 0.7rem 1rem;
    font-size: 0.88rem;
    font-weight: 600;
    color: #333;
    text-align: left;
    border-bottom: 2px solid #e0e0e0;
}

.kl-food-table td {
    padding: 0.65rem 1rem;
    font-size: 0.85rem;
    color: #555;
    border-bottom: 1px solid #f0f0f0;
}

.kl-food-table tr:last-child td { border-bottom: none; }

@media (max-width: 640px) {
    .kl-form { grid-template-columns: 1fr; }
    .kl-result-grid { grid-template-columns: 1fr; }
    .kl-food-grid { grid-template-columns: 1fr; }
    .kl-card-val { font-size: 1.6rem; }
}