:root { --main-blue: #165DFF; --main-yellow: #FFC107; --text-dark: #2c3344; --bg-light: #f7f9fc; } .contact-container { width: 100%; max-width: 1200px; margin: 40px auto; padding: 0 15px; font-family: Arial, sans-serif; color: var(--text-dark); box-sizing: border-box; } .contact-grid { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 24px; margin-bottom: 30px; } .contact-item { flex: 1; min-width: 260px; display: flex; align-items: flex-start; background-color: #ffffff; padding:28px 22px; border-radius:10px; box-shadow:0 3px 12px rgba(0,0,0,0.08); border-top: 4px solid var(--main-blue); } .contact-item .icon{ font-size:30px; color:var(--main-yellow); /*现在真正生效，图标亮黄色*/ margin-right:14px; margin-top:4px; } .contact-item h4{ margin:0 0 12px 0; font-size:18px; color: var(--main-blue); } .contact-item p{ margin:6px 0; font-size:14px; line-height:1.7; } .map-wrap{ width:100%; height:500px; border-radius:10px; overflow:hidden; } .map-wrap iframe{ width:100%; height:100%; border:0; }