.contact-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center}.contact-modal.hidden{display:none}.contact-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.contact-modal-content{position:relative;background:#fff;border-radius:16px;padding:32px;max-width:480px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:contactModalSlideIn .3s ease-out}@keyframes contactModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.contact-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#666;font-size:16px}.contact-modal-close:hover{background:#e8e8e8;color:#333;transform:rotate(90deg)}.contact-modal-title{font-size:24px;font-weight:600;color:#333;margin:0 0 8px;display:flex;align-items:center;gap:10px}.contact-modal-title i{color:var(--primary-color);font-size:26px}.contact-modal-subtitle{color:#999;font-size:14px;margin:0 0 24px}.contact-methods{display:flex;flex-direction:column;gap:16px}.contact-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:12px;transition:all .2s;position:relative}.contact-item:hover{background:#f0f2f5;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.contact-item.work-time{background:linear-gradient(135deg,#0095a8,teal);color:#fff}.contact-item.work-time .contact-label,.contact-item.work-time .contact-value{color:#fff}.contact-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.contact-icon.wechat{background:linear-gradient(135deg,#07c160,#00d95f);color:#fff}.contact-icon.qq{background:linear-gradient(135deg,#12b7f5,#00a8ff);color:#fff}.contact-icon.email{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff}.contact-icon.time{background:#fff3;color:#fff}.contact-info{flex:1;min-width:0}.contact-label{font-size:13px;color:#999;margin-bottom:4px}.contact-item.work-time .contact-label{color:#fffc}.contact-value{font-size:15px;font-weight:500;color:#333;word-break:break-all}.contact-copy-btn{padding:8px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;color:#666;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px;white-space:nowrap}.contact-copy-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-1px)}.contact-copy-btn i{font-size:12px}.contact-qrcode{width:100px;height:100px;background:#fff;border-radius:8px;padding:8px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.contact-qrcode img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.contact-item:has(.contact-qrcode){padding-right:132px}@media (max-width: 768px){.contact-modal-content{padding:24px;max-width:100%}.contact-modal-title{font-size:20px}.contact-item{padding:12px}.contact-icon{width:40px;height:40px;font-size:20px}.contact-qrcode{width:80px;height:80px;padding:6px}.contact-item:has(.contact-qrcode){padding-right:100px}.contact-copy-btn{padding:6px 12px;font-size:12px}}@media (max-width: 480px){.contact-modal-content{padding:20px}.contact-qrcode{position:static;transform:none;margin-top:12px}.contact-item:has(.contact-qrcode){padding-right:16px;flex-wrap:wrap}}