/* 计算器1（悬挑梁）专属样式 — 由 jsq/calculator1.php 内联 <style> 收敛而来（页面级作用域，不污染全局） */
.btn {
    padding: 10px 20px; border: none;
    font-weight: 600; font-size: 0.9rem; cursor: pointer; transition: 0.2s;
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    flex: 1 1 auto; min-width: 160px;
}

.btn-primary { background: var(--primary); color: white; border: none; }
.btn-primary:hover { background: var(--primary-dark); transform: translateY(-2px); box-shadow: 0 6px 12px rgba(44,128,255,0.2); }

.btn-warning { background: var(--warning); color: var(--gray-900); border: none; }
.btn-warning:hover { background: var(--warning); }

.btn-info { background: var(--primary); color: white; border: none; }
.btn-info:hover { background: var(--info); }

/* ========== 计算器1特有样式 ========== */
.input-with-select {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 10px;
}

.total-result {
    background-color: var(--primary);
    border-radius: 0;
}

@media (max-width: 768px) {
    .calculator-wrapper { grid-template-columns: 1fr !important; }
    .input-with-select { grid-template-columns: 1fr; }
    .action-buttons { flex-direction: column; }
    .btn { width: 100%; }
}