/* ==========================================
   cards.css —— 建筑卡片、科技卡片（按需微调）
   ========================================== */

.building-card {
    background: var(--bg-card);
    border-radius: var(--radius-lg);
    padding: 10px 12px;          /* 减小留白 */
    margin-bottom: 8px;          /* 缩小间距 */
    box-shadow: var(--shadow-card);
    border: 1px solid var(--border-card);
}

.building-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 6px;
}

.header-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
}

.header-name-row {
    display: flex;
    align-items: center;
    gap: 6px;
}

.building-name {
    font-size: 0.95rem;          /* 标题稍小 */
    font-weight: bold;
    color: var(--text-primary);
}
.building-count {
    font-size: 0.95rem;
    font-weight: bold;
    color: var(--accent-gold);
}
.header-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

/* 产量/消耗保持原大小 */
.building-production,
.building-consumption {
    font-size: 0.85rem;          /* 未改动 */
    font-weight: bold;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 4px;
}
.building-production { color: var(--color-production); }
.building-consumption { color: var(--color-consumption); }

.building-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 8px;
}

/* 描述保持原大小 */
.building-desc {
    font-size: 0.8rem;           /* 未改动 */
    color: var(--text-card-desc);
    font-style: italic;
    margin-top: 0;
}

/* 费用信息保持原大小 */
.cost-line {
    font-size: 0.85rem;          /* 未改动 */
    color: var(--text-cost);
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px;
}
.building-x10-cost {
    color: var(--text-cost);
}

.cost-label {
    display: inline-block;
    width: 2.8em;
    text-align: right;
    font-weight: bold;
    color: var(--text-cost-label);
    flex-shrink: 0;
}

.building-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.buy-actions { display: flex; gap: 6px; }

/* ===== 科技卡片 ===== */
.tech-card {
    /* 取消左侧深蓝竖线 */
    border-left: none;
    padding: 5px 12px;
    margin-bottom: 6px;
}
.tech-card .building-detail { margin-bottom: 2px; }
.tech-buy-btn {
    background: var(--color-tech-btn);
    padding: 6px 12px;
    font-size: 0.8rem;           /* 科技购买按钮也稍缩小 */
    position: relative;
    z-index: 9999;
}
.tech-buy-btn:disabled { background: var(--bg-btn-disabled); }

.tech-card .building-name {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.85rem;
}

.tech-card .building-desc {
    font-size: 0.65rem;
}

.tech-card .cost-line {
    font-size: 0.7rem;
}

.tech-check {
    color: var(--color-success);
    font-size: 0.95rem;
}

.tech-card .building-info {
    padding: 2px 0;
    font-size: 0.75rem;
}

.tech-toggle-eye {
    margin-left: auto;
    cursor: pointer;
    font-size: 1rem;
    user-select: none;
    opacity: 0.7;
    transition: opacity 0.2s;
}
.tech-toggle-eye:hover { opacity: 1; }

/* ===== 卡片内通用按钮缩小一号 ===== */
/* 覆盖摧毁、购买、购买X10、建造、发射等按钮 */
.building-card .btn,
.tech-card .btn {
    font-size: 0.8rem;
    padding: 4px 10px;
}

/* ===== 资源/面板描述文字 ===== */
.resource-desc {
    font-size: 0.75rem;
    text-align: center;
    margin: 0 0 8px 0;
    color: var(--text-card-desc);
}

/* ===== 登月飞船发射按钮绿色样式 ===== */
.btn-success {
    background-color: #28a745;
    border-color: #28a745;
    color: white;
}

/* ===== 暗物质商店卡片：去掉左侧竖线 ===== */
.dm-card {
    border-left: none;
}

/* ================================
   奇观面板专属样式（新增）
   ================================ */
.wonder-panel-desc {
    font-size: 0.75rem;                /* 和其他资源描述一样大 */
    text-align: center;
    margin: 0 0 8px 0;
    color: var(--text-card-desc);
}

.building-flavor {
    font-size: 0.8rem;                 /* 叙事行，灰色自然带出，无需额外改 */
    margin-bottom: 4px;
}

/* 效果行：科技点 +50/s 变成金色 */
.building-effect {
    font-size: 0.85rem;
    font-weight: bold;
    color: var(--accent-gold, #f0ad4e);   /* 金色，回退到琥珀金 */
    margin-bottom: 4px;
}

/* 已建奇观卡片褪色效果（略微透明） */
.wonder-card.built {
    opacity: 0.8;
    transition: opacity 0.2s;
}
.wonder-card.built:hover {
    opacity: 1;   /* 鼠标放上去时恢复正常，更明显 */
}
/* ================================
   奇观卡片专属补充样式
   ================================ */
.wonder-card .building-footer {
    justify-content: flex-end;
}