/* ==========================================
   全站自定义样式
   可根据需求修改配色、字体
   ========================================== */

/* 主色调：深蓝金融风，后续可替换 */
:root {
    --primary: #1e3a8a;    /* 主色深蓝 */
    --primary-light: #3b82f6; /* 浅蓝高亮 */
    --secondary: #0f172a;  /* 深色标题 */
    --text-gray: #64748b;  /* 辅助文字 */
    --bg-gray: #f8fafc;    /* 背景浅灰 */
    --border: #e2e8f0;     /* 边框色 */
}

/* 页面平滑滚动 */
html {
    scroll-behavior: smooth;
}

/* 计算器输入框聚焦样式 */
.calc-input:focus {
    outline: none;
    border-color: var(--primary-light);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

/* 广告位占位样式 - 后续替换为AdSense代码后可删除 */
.ads-placeholder {
    background-color: #f1f5f9;
    border: 2px dashed #cbd5e1;
    color: #94a3b8;
    text-align: center;
    padding: 40px 20px;
    border-radius: 8px;
    font-size: 14px;
}

/* 结果卡片高亮 */
.result-card {
    background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
    color: white;
    border-radius: 12px;
}

/* 联盟按钮悬停效果 */
.cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -5px rgba(30, 58, 138, 0.3);
}