/* 基础容器与全局排版 */ .qsr-wedo-wrapper { max-width: 1200px; margin: 0 auto; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #444; line-height: 1.8; padding: 20px 10px 60px; } /* 顶部引言区 */ .qsr-wedo-intro { text-align: center; max-width: 900px; margin: 0 auto 50px; background: #f9fcf9; /* 浅绿底色，柔和过渡 */ padding: 30px 40px; border-radius: 8px; border-top: 4px solid #008a3e; } .qsr-wedo-intro p { font-size: 16px; color: #555; margin: 0; text-align: justify; text-align-last: center; } .qsr-highlight { color: #008a3e !important; font-weight: 700 !important; } /* 核心业务 2x2 网格区 */ .qsr-wedo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } /* 独立业务卡片 */ .qsr-wedo-card { background: #ffffff; border: 1px solid #eaeaea; border-radius: 8px; padding: 40px 30px; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.02); position: relative; overflow: hidden; } .qsr-wedo-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,138,62,0.08); border-color: #cce7d8; } /* 卡片顶部绿色装饰条 */ .qsr-wedo-card::before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 4px; background: #008a3e; transition: width 0.4s ease; } .qsr-wedo-card:hover::before { width: 100%; } /* 卡片图标与标题 */ .qsr-wedo-icon { margin-bottom: 20px; display: inline-block; padding: 15px; background: #e6f4ea; border-radius: 50%; } .qsr-wedo-card h3 { font-size: 22px; color: #222; margin: 0 0 15px; text-transform: uppercase; letter-spacing: 0.5px; } .qsr-wedo-card p { font-size: 15px; color: #666; margin: 0; text-align: justify; } /* 底部行动号召 */ .qsr-wedo-cta { margin-top: 50px; text-align: center; } .qsr-wedo-cta p { font-size: 18px; color: #333; font-weight: bold; } /* 移动端适配 */ @media (max-width: 768px) { .qsr-wedo-intro { padding: 20px; } .qsr-wedo-grid { grid-template-columns: 1fr; } }