Contact Us | ALEFPEER Home Decor * { margin: 0; padding: 0; box-sizing: border-box; font-family: "Segoe UI", Roboto, Arial, sans-serif; } body { background-color: #f9f7f4; color: #2b2b2b; line-height: 1.65; } /* 页面外层容器 */ .contact-container { max-width: 1100px; margin: 0 auto; padding: 60px 24px; } /* 头部标题 */ .contact-header { text-align: center; margin-bottom: 56px; } .contact-header h1 { font-size: 36px; font-weight: 500; color: #1a1a1a; letter-spacing: 1px; margin-bottom: 12px; } .contact-header p { color: #666; font-size: 17px; max-width: 600px; margin: 0 auto; } /* 双栏布局 */ .contact-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; background: #ffffff; padding: 40px; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.05); } /* 联系信息板块 */ .contact-info h2 { font-size: 22px; font-weight: 500; margin-bottom: 28px; padding-bottom: 12px; border-bottom: 1px solid #eee; } .info-item { display: flex; align-items: flex-start; margin-bottom: 24px; } .info-icon { width: 40px; height: 40px; background-color: #f3efe9; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 16px; flex-shrink: 0; } .info-content h4 { font-size: 15px; color: #888; font-weight: 400; margin-bottom: 4px; } .info-content p, .info-content a { font-size: 17px; color: #2b2b2b; text-decoration: none; transition: 0.25s ease; } .info-content a:hover { color: #947c67; } /* 客服须知 */ .support-notice { margin-top: 40px; padding: 20px; background-color: #f8f5f1; border-radius: 12px; } .support-notice h3 { font-size: 18px; margin-bottom: 12px; } .support-notice li { margin: 8px 0; color: #555; font-size: 15px; } /* 留言表单板块 */ .contact-form h2 { font-size: 22px; font-weight: 500; margin-bottom: 28px; padding-bottom: 12px; border-bottom: 1px solid #eee; } .form-input { width: 100%; padding: 14px 16px; margin-bottom: 18px; border: 1px solid #e5e5e5; border-radius: 8px; font-size: 16px; background: #fdfdfd; transition: 0.3s; } .form-input:focus { outline: none; border-color: #b8a99b; background: #fff; } textarea.form-input { min-height: 140px; resize: vertical; } .submit-btn { width: 100%; padding: 15px; background-color: #2b2b2b; color: #fff; border: none; border-radius: 8px; font-size: 17px; cursor: pointer; transition: 0.3s ease; } .submit-btn:hover { background-color: #444; } /* 响应式适配手机 */ @media (max-width: 768px) { .contact-wrapper { grid-template-columns: 1fr; padding: 24px; } .contact-header h1 { font-size: 28px; } }