.contact-page{width:100%;padding:60px 20px;background:linear-gradient(135deg,#f8f9fa,#f0f2f5);color:#333;min-height:100vh}.contact-page .contact-content{max-width:1280px;margin:0 auto}.contact-page .section-title{text-align:center;margin-bottom:50px;color:#1a1a1a;font-weight:700;position:relative;padding-bottom:20px;font-family:Playfair Display,Helvetica Neue,Arial,sans-serif}.contact-page .section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,transparent,#c5a455,transparent);border-radius:3px}@media (max-width: 768px){.contact-page .section-title{font-size:28px!important;margin-bottom:35px}}.contact-page .section-divider{border-color:#e0e0e0;border-style:solid;border-width:.5px 0 0;max-width:800px;margin:60px auto}.contact-page .section-divider:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:16px;height:16px;background:#c5a455;border-radius:50%}.contact-page .contact-section{margin-bottom:60px}.contact-page .contact-info{width:100%}.contact-page .contact-item-card{display:flex;align-items:center;padding:28px 32px;background:#fff;border-radius:16px;transition:all .4s cubic-bezier(.2,0,.2,1);box-shadow:0 10px 30px -15px #00000014;position:relative;overflow:hidden;margin-bottom:24px}.contact-page .contact-item-card:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(to bottom,#c5a455,#d4b87a)}.contact-page .contact-item-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px -10px #00000026}.contact-page .contact-item-card:hover .contact-icon-large{color:#c5a455;transform:scale(1.1)}.contact-page .contact-icon-large{font-size:32px;color:#c5a455;margin-right:24px;flex-shrink:0;transition:all .3s ease}.contact-page .contact-text-wrapper{flex:1}.contact-page .contact-label{font-size:17px;color:#555;margin-bottom:6px;display:block;font-weight:600}.contact-page .contact-value{font-size:18px;color:#333;word-break:break-all;font-weight:500;transition:color .3s ease}.contact-page .contact-value:hover{color:#c5a455}.contact-page .wechat-section{width:100%;padding:0}.contact-page .qr-codes{display:flex;justify-content:space-around;flex-wrap:wrap;gap:30px;margin-top:15px}.contact-page .qr-code-item{text-align:center;flex:1 1 auto;min-width:140px;max-width:160px}.contact-page .qr-code{width:140px;height:140px;object-fit:contain;border:1px solid rgba(0,0,0,.05);border-radius:8px;margin-bottom:12px;display:block;box-shadow:0 5px 15px -5px #00000014;transition:all .3s ease}.contact-page .qr-code:hover{transform:scale(1.03);box-shadow:0 8px 20px -5px #00000026}.contact-page .qr-code-label{display:block;font-size:16px;color:#555;font-weight:500;margin-top:5px}.contact-page .message-section{margin-bottom:60px}.contact-page .message-form-wrapper{max-width:800px;margin:0 auto;background:#fff;padding:40px;border-radius:16px;box-shadow:0 15px 40px -15px #0000001a;position:relative;overflow:hidden}.contact-page .message-form-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#c5a455,#d4b87a)}.contact-page .message-form .ant-form-item{margin-bottom:24px}.contact-page .message-form .ant-form-item:last-child{margin-bottom:0}.contact-page .message-form .ant-form-item-label>label{color:#333;font-weight:600;font-size:16px;position:relative;padding-left:10px}.contact-page .message-form .ant-form-item-label>label:before{content:"*";color:#c5a455;position:absolute;left:0;top:0}.contact-page .message-form .ant-input,.contact-page .message-form .ant-input-affix-wrapper,.contact-page .message-form .ant-input-textarea{border-radius:10px;border:1px solid #e0e0e0;padding:12px 16px;height:auto;font-size:16px;transition:all .3s ease}.contact-page .message-form .ant-input:focus,.contact-page .message-form .ant-input:hover,.contact-page .message-form .ant-input-affix-wrapper:focus,.contact-page .message-form .ant-input-affix-wrapper:hover,.contact-page .message-form .ant-input-textarea:focus,.contact-page .message-form .ant-input-textarea:hover{border-color:#c5a455;box-shadow:0 0 0 2px #c5a45526}.contact-page .message-form .ant-input-textarea{min-height:120px}.contact-page .message-form .ant-input-textarea:focus,.contact-page .message-form .ant-input-textarea:hover{min-height:120px}.contact-page .message-form .ant-input::placeholder{color:#aaa;font-style:italic}.contact-page .submit-button{width:100%;max-width:220px;margin:20px auto 0;display:block;height:50px;font-size:17px;font-weight:600;border-radius:10px;background:linear-gradient(135deg,#c5a455,#d4b87a);border:none;color:#fff;box-shadow:0 5px 15px -3px #c5a4554d;transition:all .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.1)}.contact-page .submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px -3px #c5a45566;background:linear-gradient(135deg,#d4b87a,#e3cc9d)}.contact-page .submit-button:active{transform:translateY(0)}.contact-page .submit-button:focus{box-shadow:0 0 0 4px #c5a4554d}@media (max-width: 575px){.contact-page{padding:40px 15px}.contact-page .section-title{font-size:26px!important;margin-bottom:35px}.contact-page .contact-item-card{padding:22px 24px}.contact-page .contact-item-card:before{width:4px}.contact-page .contact-icon-large{font-size:28px;margin-right:20px}.contact-page .contact-label,.contact-page .contact-value{font-size:16px}.contact-page .message-form-wrapper{padding:30px 20px}.contact-page .submit-button{max-width:100%;height:45px;font-size:16px}}@media (min-width: 576px) and (max-width: 767px){.contact-page{padding:50px 25px}}@media (min-width: 768px) and (max-width: 991px){.contact-page{padding:60px 35px}}@media (min-width: 992px){.contact-page{padding:80px}.contact-page .section-divider{margin:70px 0}}.contact-page .contact-content>*{opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease forwards}.contact-page .contact-content>*:nth-child(1){animation-delay:.1s}.contact-page .contact-content>*:nth-child(2){animation-delay:.2s}.contact-page .contact-content>*:nth-child(3){animation-delay:.3s}.contact-page .contact-content>*:nth-child(4){animation-delay:.4s}.contact-page .contact-content>*:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}
