/* 整体容器居中，适配移动端 */ .leromey-contact-wrap { max-width: 1200px; margin: 80px auto; padding: 0 30px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } /* 大标题样式 */ .leromey-contact-wrap h1 { font-size: 68px; font-weight: 700; color: #222222; margin: 0 0 24px 0; line-height: 1.1; } /* 介绍文案 */ .contact-desc { font-size: 18px; color: #333333; line-height: 1.7; max-width: 720px; margin: 0 0 40px 0; } /* 联系方式区块 */ .contact-list { font-size: 20px; color: #222; } .contact-list h3 { font-size: 22px; font-weight: 600; margin: 0 0 28px 0; } .contact-list p { margin: 16px 0; line-height: 1.6; } .contact-list strong { font-weight: 600; } /* 邮箱链接样式，和普通文字一致，hover轻微变色提示可点击 */ .contact-list a { color: #222; text-decoration: none; } .contact-list a:hover { color: #555; text-decoration: underline; } /* 邮件订阅区域 左右布局 */ .subscribe-row { margin-top: 90px; display: flex; align-items: center; gap: 60px; flex-wrap: wrap; } .subscribe-text { flex: 1; min-width: 260px; } .subscribe-text h2 { font-size: 36px; font-weight: 700; color: #222; margin: 0 0 12px 0; } .subscribe-text p { font-size: 17px; color: #444; margin: 0; } .subscribe-input-box { flex: 2; min-width: 320px; position: relative; } .subscribe-input-box input { width: 100%; padding: 20px 26px; border: 1px solid #ddd; border-radius: 999px; font-size: 18px; outline: none; } .subscribe-input-box button { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); background: transparent; border: none; font-size: 22px; cursor: pointer; color: #222; } /* 移动端适配 */ @media screen and (max-width: 768px) { .leromey-contact-wrap h1 { font-size: 42px; } .subscribe-row { flex-direction: column; align-items: flex-start; gap: 30px; } }