/* Contact Page Styles */
/* 使用统一 calc 固定值，放弃网格系统，改用绝对定位 - 与 home.css 保持一致 */
.contact-page {
    background: #FFFFFF;
    position: relative;
    width: 100%;
    height: calc(67.5rem); /* 1080px 设计稿高度，随 rem 缩放 */
    max-height: calc(67.5rem);
    display: flex;
    flex-direction: column;
    overflow: hidden !important;
}
 
.site-logo {
    height: calc(3rem); /* 48px - logo高度 */
    width: auto;
    object-fit: contain;
}

/* 主内容容器 - 固定高度 */
.main-content {
    position: relative;
    width: 100%;
    /* 固定高度，单视窗显示 */
    height: calc(67.5rem); /* 1080px 设计稿高度 */
    background: #FFFFFF;
    overflow: hidden !important;
    padding: calc(3.125rem); /* 50px */
    box-sizing: border-box;
    max-width: calc(120rem); /* 1920px */
    margin-left: auto;
    margin-right: auto;
}

/* 顶部装饰灯具 */
.decorative-lamps {
    position: absolute;
    left: calc(25% + 8.7rem); /* 调整位置保持居中 */
    top: calc(16.67% + 1rem); /* 匹配Figma: 16.67% + 27px */
    width: calc(45rem); /* 720px - 缩小至80% */
    height: calc(14rem); /* 224px - 等比例缩小 */
    mix-blend-mode: multiply;
}

.decorative-lamps img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* CONTACT US标题 */
.page-title {
    position: absolute;
    left: 50%;
    top: calc(9rem); /* 与process/partner页面保持一致 */
    transform: translateX(-50%);
    /* font-family 继承自 body.lang-xx，使用 font-weight: 700 触发加粗字体 */
    font-size: calc(3rem); /* 48px */
    line-height: calc(3.5rem); /* 56px */
    letter-spacing: calc(0.12rem); /* 1.92px */
    color: #000000;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
    text-align: center;
    white-space: nowrap;
}

/* 联系信息区域 */
.contact-info {
    position: absolute;
    left: calc(41.67% - 2.3rem); /* 匹配Figma设计 */
    top: calc(50% - 6rem); /* 匹配Figma设计 */
    transform: none;
    width: calc(24rem); /* 278px */
    display: flex;
    flex-direction: column;
    gap: calc(1rem); /* 10px */
}

.info-group {
    display: flex;
    flex-direction: column;
    gap: calc(1rem); /* 5px */
    align-items: center;
    width: 100%;
}

.info-icon {
    width: calc(1rem); /* 16px */
    height: calc(1rem); /* 16px */
    display: flex;
    align-items: center;
    justify-content: center;
}

.info-icon img {
    width: 100%;
    height: 100%;
}

.info-icons-row {
    display: flex;
    gap: calc(0.75rem); /* 12px */
    align-items: center;
}

.info-icons-row img {
    width: calc(1rem); /* 16px */
    height: calc(1rem); /* 16px */
}

.info-text {
    font-family: var(--font-family);
    font-size: calc(1rem); /* 12px */
    line-height: calc(1.6rem); /* 20px */
    letter-spacing: calc(0.075rem); /* 1.2px */
    color: #404040;
    text-align: center;
    width: 100%;
    margin: 0;
    text-transform: capitalize;
}

.info-text-group {
    display: flex;
    flex-direction: column;
    gap: 0;
    text-align: center;
    width: 100%;
}

.info-text-group p {
    font-family: var(--font-family);
    font-size: calc(1rem); /* 12px */
    line-height: calc(1.6rem); /* 20px */
    letter-spacing: calc(0.075rem); /* 1.2px */
    color: #404040;
    text-align: center;
    margin: 0;
    text-transform: none;
}

/* 联系表单 */
.contact-form {
    position: absolute;
    left: calc(41.67% + 1.3125rem); /* 匹配Figma设计 */
    top: calc(66.67% - 2rem); /* 增加与联系信息的间距 */
    transform: none;
    width: calc(17.375rem); /* 278px */
    height: calc(9.4375rem); /* 151px */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* 上半部分：三个表单字段 */
.form-fields {
    display: flex;
    flex-direction: column;
    gap: calc(0.3125rem); /* 5px */
    width: calc(14.375rem); /* 230px */
    height: calc(7.1875rem); /* 115px */
    margin: 0 auto;
    align-items: center;
}

.form-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    position: relative;
}

/* 第一个表单组：姓名 */
.form-group:nth-child(1) {
    height: calc(1.25rem); /* 25px */
}

.form-group:nth-child(1) label {
    position: absolute;
    top: 0;
    height: calc(1.25rem); /* 20px */
}

.form-group .form-input,
.form-group .form-textarea {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    outline: none;
    font-family: var(--font-family);
    font-size: calc(0.8rem); /* 12px */
    line-height: calc(1.25rem); /* 19.7px */
    letter-spacing: calc(0.075rem); /* 1.2px */
    color: #404040;
    text-align: center;
    resize: none;
}

.form-group:nth-child(1) .input-line {
    position: absolute;
    top: calc(1.5rem); /* 25px */
}

/* 第二个表单组：邮箱 */
.form-group:nth-child(2) {
    height: calc(1.25rem); /* 30px */
    margin-top: calc(1.5rem); /* 25px */
}

.form-group:nth-child(2) label {
    position: absolute;
    top: 0;
    height: calc(1.25rem); /* 20px */
}

.form-group:nth-child(2) .input-line {
    position: absolute;
    top: calc(1.5rem); /* 25px */
}

/* 第三个表单组：备注 */
.form-group:nth-child(3) {
    height: calc(2.5rem); /* 40px */
    margin-top: calc(1.5rem); /* 30px */
}

.form-group:nth-child(3) label {
    position: absolute;
    top: 0;
    height: calc(1.25rem); /* 20px */
}

.form-group label {
    font-family: var(--font-family);
    font-size: calc(0.8rem); /* 12px */
    line-height: calc(1.25rem); /* 19.7px */
    letter-spacing: calc(0.075rem); /* 1.2px */
    color: #404040;
    text-align: center;
    width: 100%;
    text-transform: capitalize;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

/* 聚焦或已输入时隐藏提示文字（label） */
.form-group.is-focused label,
.form-group.is-filled label {
    opacity: 0;
}

/* 水平分隔线 */
.input-line {
    width: calc(20rem); /* 320px */
    max-width: 100%;
    height: calc(0.0625rem); /* 1px */
    background: #000000;
    position: relative;
    left: 0;
    margin: 0 auto;
}

/* 表单底部（分隔线和按钮） */
.form-footer {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: calc(2rem); /* 30px */
    position: relative;
}

.form-footer .input-line {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.submit-button {
    display: flex;
    gap: calc(0.5rem); /* 8px */
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(3rem); /* 25px */
    margin: calc(1rem) auto 0; /* 减少1rem (16px) */
    padding-bottom: calc(0.3125rem); /* 5px */
    border: none;
    background: transparent;
    cursor: pointer;
    font-family: var(--font-family);
    font-size: calc(1rem); /* 12px */
    line-height: calc(1.6rem); /* 19.7px */
    letter-spacing: calc(0.075rem); /* 1.2px */
    color: #404040;
    text-align: center;
    text-transform: capitalize;
    transition: opacity 0.3s ease;
}

.submit-button:hover {
    opacity: 0.7;
}

.submit-button svg {
    width: calc(1rem); /* 16px */
    height: calc(1rem); /* 16px */
    transform: none;
    margin-left: calc(0.75rem); /* 12px */
}

/* 页脚 */
.page-footer {
    position: absolute;
    bottom: 6rem;
    right: 3.125rem;
    display: flex;
    justify-content: flex-end;
    pointer-events: none;
}

.footer-right {
    display: flex;
    flex-direction: row;
    align-items: center;   /* ✅ 原来是 flex-end */
    gap: 0.5rem;
}

.footer-text {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.footer-text p {
    font-family: 'DIN-REGULAR', var(--font-family);
    font-size: 0.8rem;
    line-height: 1.25rem;
    color: #404040;
    margin: 0;
    text-align: right;
    text-transform: uppercase;
    white-space: nowrap;
}

.contact-logo-link {
    display: block;
    transition: all 0.3s ease;
    height: 3.0rem;
    display: flex;
    align-items: center;
}
.contact-logo-link:hover {
    opacity: 0.75;
    transform: scale(1.05);
}
.contact-logo {
    height: 3.0rem;
    width: auto;
    object-fit: contain;
    margin-left: 0.5rem;
}