.contact-page { background: #fff; }
.contact-page .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.contact-hero { position: relative; min-height: 1340px; padding: clamp(4rem, 7.5vw, 9rem) clamp(1.5rem, 8vw, 10rem) clamp(4rem, 8vw, 9rem); background: url("../../开发打包/切图/05-联系我们/01-背景大图.jpg") center top / cover no-repeat; }
.contact-hero__intro { color: #292929; }
.contact-hero__intro h1 { margin: 0; font-size: clamp(2rem, 3.45vw, 4.15rem); font-weight: 800; letter-spacing: .03em; line-height: 1.08; text-shadow: clamp(-2rem, -1.9vw, -1.15rem) clamp(1.15rem, 1.72vw, 2.05rem) 0 rgba(42, 42, 42, .12); }
.contact-hero__intro p { margin: clamp(1rem, 2vw, 2rem) 0 0; font-size: clamp(1.2rem, 1.8vw, 2.15rem); font-style: italic; line-height: 1.2; text-shadow: clamp(-2rem, -1.9vw, -1.15rem) clamp(1rem, 1.5vw, 1.75rem) 0 rgba(42, 42, 42, .12); }
.contact-panel { width: min(100%, 1500px); margin: clamp(15rem, 27vw, 31rem) auto 0; padding: clamp(3rem, 5.1vw, 6rem) clamp(2rem, 2.4vw, 3rem); background: rgba(255, 255, 255, .89); }
.contact-panel__lead { margin: 0 0 clamp(6rem, 10vw, 12rem); text-align: center; color: #414141; font-size: clamp(1.45rem, 2vw, 2.45rem); }
.contact-page-form { display: block; }
.contact-page-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 2.9vw, 3.5rem); }
.contact-page-form h2 { margin: 0 0 1.1rem; color: #3f3f3f; font-size: clamp(1.2rem, 1.65vw, 2rem); font-weight: 400; }
.contact-page-form label { display: block; margin: 0 0 clamp(1rem, 1.3vw, 1.6rem); }
.contact-page-form input, .contact-page-form textarea, .wechat-note { width: 100%; border: 1px solid #777; border-radius: 0; background: rgba(255, 255, 255, .48); color: #3f3f3f; font-family: Arial, sans-serif; font-size: clamp(.84rem, 1vw, 1.1rem); }
.contact-page-form input { height: clamp(2.8rem, 3.1vw, 3.7rem); padding: 0 .65rem; }
.contact-page-form textarea { display: block; height: clamp(15rem, 19vw, 22.5rem); padding: .65rem; resize: vertical; line-height: 1.15; }
.contact-page-form input::placeholder, .contact-page-form textarea::placeholder { color: #444; opacity: 1; }
.wechat-note { margin: clamp(1rem, 1.3vw, 1.6rem) 0 0; padding: .65rem; line-height: 1.2; }
.contact-page-form__submit { min-width: clamp(12rem, 16.5vw, 19rem); height: clamp(3rem, 3.7vw, 4.35rem); margin-top: clamp(.75rem, 1vw, 1.2rem); border: 0; border-radius: 0; background: #bd0000; color: #fff; font-size: clamp(1rem, 1.35vw, 1.55rem); }
.contact-page-form__submit:hover { background: #980000; }
.contact-page .form-message { min-height: 1.4rem; margin: 1rem 0 0; color: #205e2d; font-size: .95rem; }
.partner-map { margin: 0; background: #eff7fc; }
.partner-map img { display: block; width: 100%; height: auto; }
@media (max-width: 800px) { .contact-hero { min-height: 0; padding: 3rem 1rem; background-position: 58% top; } .contact-hero__intro h1 { font-size: 1.8rem; } .contact-panel { margin-top: 16rem; padding: 2rem 1rem; } .contact-panel__lead { margin-bottom: 3rem; text-align: left; } .contact-page-form__grid { grid-template-columns: 1fr; gap: 2rem; } .contact-page-form textarea { height: 14rem; } }