/* ========================================== 3. 👑 详情页专属:精巧版卡片式询盘表单 ========================================== */ .rymar-modern-contact { margin-bottom: 80px; position: relative; z-index: 5; } .rymar-contact-card { display: flex; background: #FFFFFF; border-radius: 6px; box-shadow: 0 20px 40px -10px rgba(6, 16, 32, 0.1); border: 1px solid #F1F5F9; overflow: hidden; max-width: 1050px; margin: 0 auto; /* 整体宽度缩紧 */ } /* 左侧信息区 (比例缩减至 35%,内容紧凑化) */ .rymar-contact-info { width: 35%; background-color: #061020; color: #FFFFFF; padding: 50px 40px; position: relative; overflow: hidden; } .rymar-info-glow { position: absolute; top: -80px; left: -80px; width: 250px; height: 250px; background: rgba(200, 180, 156, 0.12); border-radius: 50%; filter: blur(40px); pointer-events: none; } .rymar-info-content { position: relative; z-index: 2; } .rymar-info-tag { display: block; color: #C8B49C; font-size: 9px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 15px; } .rymar-info-title { font-family: 'Playfair Display', serif; font-size: 28px; font-weight: 700; margin: 0 0 15px 0; line-height: 1.2; color: #FFFFFF !important; } .rymar-info-desc { color: #94A3B8; font-size: 13px; line-height: 1.7; font-weight: 300; margin-bottom: 25px; } /* 动态产品标题框 (更精致) */ .rymar-inquiry-item-box { background: rgba(255,255,255,0.05); border-left: 2px solid #C8B49C; padding: 12px 15px; margin-bottom: 25px; border-radius: 0 4px 4px 0; backdrop-filter: blur(5px); } .rymar-inquiry-item-box span { display: block; color: #94A3B8; font-size: 8px; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 4px; } .rymar-inquiry-item-box strong { color: #FFF; font-size: 12px; font-family: 'Montserrat', sans-serif; line-height: 1.3; } .rymar-info-list { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 30px; display: flex; flex-direction: column; gap: 20px; } .rymar-info-item { display: flex; align-items: center; gap: 15px; } .rymar-info-icon { width: 36px; height: 36px; border-radius: 50%; background: #0A1B35; border: 1px solid rgba(255,255,255,0.05); color: #C8B49C; display: flex; align-items: center; justify-content: center; font-size: 14px; transition: all 0.3s; } .rymar-info-item:hover .rymar-info-icon { background: #C8B49C; color: #061020; transform: scale(1.1); } .rymar-info-text span { display: block; color: #64748B; font-size: 8px; text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 3px; font-weight: 700;} .rymar-info-text strong { display: block; color: #FFFFFF; font-size: 12px; font-family: 'Montserrat', sans-serif; font-weight: 500; } /* 右侧表单区 (比例扩大至 65%,内边距缩减) */ .rymar-contact-form { width: 65%; background-color: #F8F9FA; padding: 50px 60px; } .rymar-form-title { font-family: 'Playfair Display', serif; font-size: 24px; color: #061020 !important; margin: 0 0 30px 0; font-weight: 700; } /* WPForms 样式紧凑化 */ body .rymar-wpforms-light .wpforms-container { margin: 0 !important; } body .rymar-wpforms-light .wpforms-field { padding: 0 0 20px 0 !important; border: none !important; margin: 0 !important; clear: none !important; } body .rymar-wpforms-light .wpforms-field-sublabel { display: none !important; } body .rymar-wpforms-light .wpforms-field-label { color: #64748B !important; font-family: 'Montserrat', sans-serif !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; margin-bottom: 6px !important; display: block !important; } body .rymar-wpforms-light .wpforms-required-label { color: #d94948 !important; font-weight: 400 !important; } body .rymar-wpforms-light input[type=text], body .rymar-wpforms-light input[type=email], body .rymar-wpforms-light textarea { background: transparent !important; border: none !important; border-bottom: 1px solid #CBD5E1 !important; border-radius: 0 !important; color: #061020 !important; font-family: 'Montserrat', sans-serif !important; font-size: 13px !important; font-weight: 500 !important; padding: 8px 0 10px 0 !important; box-shadow: none !important; width: 100% !important; transition: all 0.4s ease !important; } body .rymar-wpforms-light ::placeholder { color: #94A3B8 !important; font-weight: 300 !important; } body .rymar-wpforms-light input:focus, body .rymar-wpforms-light textarea:focus { border-bottom: 2px solid #C8B49C !important; outline: none !important; } body .rymar-wpforms-light textarea { height: 60px !important; resize: none; } body .rymar-wpforms-light .wpforms-submit-container { padding: 0 !important; margin-top: 5px !important; } body .rymar-wpforms-light button.wpforms-submit { background: linear-gradient(135deg, #C8B49C 0%, #EAE1D8 50%, #8F7A62 100%) !important; background-size: 200% auto !important; color: #061020 !important; border: none !important; border-radius: 2px !important; padding: 15px 35px !important; font-family: 'Montserrat', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; cursor: pointer !important; transition: all 0.6s ease !important; width: 100% !important; } body .rymar-wpforms-light button.wpforms-submit:hover { transform: translateY(-2px) !important; box-shadow: 0 10px 20px rgba(200, 180, 156, 0.25) !important; background-position: right center !important; } body .rymar-wpforms-light .wpforms-confirmation-container-full { background: #FFFFFF !important; border: 1px solid #E2E8F0 !important; border-left: 3px solid #C8B49C !important; border-radius: 4px !important; padding: 20px !important; color: #061020 !important; font-family: 'Montserrat', sans-serif !important; font-size: 13px !important; font-weight: 500 !important; box-shadow: 0 10px 20px rgba(0,0,0,0.05) !important; } body .rymar-wpforms-light .wpforms-error { color: #d94948 !important; font-size: 10px !important; margin-top: 5px !important; } /* 响应式 */ @media (max-width: 1024px) { .rymar-related-card { flex: 0 0 calc(33.333% - 16px); } .rymar-contact-card { flex-direction: column; } .rymar-contact-info, .rymar-contact-form { width: 100%; padding: 40px; } } @media (max-width: 768px) { .rymar-pdp-hero, .rymar-packaging-compact { grid-template-columns: 1fr; } .rymar-matrix-container { flex-direction: column; height: auto; } .rymar-blueprint-img { width: 100% !important; border-right: none !important; border-bottom: 1px solid var(--rymar-border-light); padding: 20px; } .rymar-table-wrapper { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .rymar-data-table { min-width: 600px; } .rymar-trade-ribbon { flex-direction: column; padding: 20px; gap: 15px; } .rymar-anatomy-grid { grid-template-columns: 1fr; } .rymar-pack-gallery { padding: 20px; grid-template-columns: 1fr; } .rymar-related-card { flex: 0 0 calc(50% - 12px); min-width: 200px; } .rymar-rel-arrow, .rymar-gallery-arrow { display: none; } .rymar-pdp-wrapper { padding-top: 100px; } .rymar-contact-info, .rymar-contact-form { padding: 40px 24px; } }