.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.closing{animation:contact-overlay-fade-out var(--modal-animation-duration) ease-in forwards}.contact-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;animation:contact-overlay-fade-in var(--modal-animation-duration) ease-out forwards}.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;opacity:0;transform:translateY(-20px) scale(.95);animation:contactModalSlideIn var(--modal-animation-duration) ease-out forwards}.contact-modal.closing .contact-modal-content{animation:contactModalSlideOut var(--modal-animation-duration) ease-in forwards}@keyframes contact-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes contact-overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes contactModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes contactModalSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}.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}}.floating-buttons{position:fixed;right:40px;bottom:40px;z-index:999;display:flex;flex-direction:column;gap:12px}.floating-btn{width:56px;height:56px;border-radius:50%;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;font-size:22px;position:relative;overflow:hidden}.floating-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff3;opacity:0;transition:opacity .3s}.floating-btn:hover:before{opacity:1}.floating-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 24px #0003}.floating-btn:active{transform:translateY(-2px) scale(1)}.contact-btn{background:linear-gradient(135deg,#0095a8,teal)}.contact-btn:hover{background:linear-gradient(135deg,#007d8e,#066)}.feedback-btn{background:linear-gradient(135deg,#00c8d6,#0095a8)}.feedback-btn:hover{background:linear-gradient(135deg,#00b0bd,#007d8e)}.floating-btn i{font-size:24px;transition:transform .3s}.floating-btn:hover i{transform:scale(1.1)}.btn-text{font-size:11px;font-weight:500;margin-top:2px;opacity:.9}@media (max-width: 768px){.floating-buttons{right:16px;bottom:80px;gap:10px}.floating-btn{width:52px;height:52px;font-size:20px}.floating-btn i{font-size:22px}.btn-text{font-size:10px}.feedback-btn{display:none}}@media (max-width: 480px){.floating-buttons{right:12px;bottom:80px;gap:8px}.floating-btn{width:48px;height:48px;font-size:18px}.floating-btn i{font-size:20px}.btn-text{font-size:9px}.feedback-btn{display:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.floating-btn{animation:float 3s ease-in-out infinite}.floating-btn:nth-child(2){animation-delay:.5s}.floating-btn:hover{animation:none}.jl-tooltip{position:fixed;background:#000000d9;color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:10000;pointer-events:none;opacity:0;transition:opacity .15s ease-in-out;display:none;max-width:300px;word-wrap:break-word;white-space:normal;line-height:1.4;box-shadow:0 2px 8px #00000026}.jl-tooltip[style*="display: block"]{opacity:1}.jl-tooltip:before{content:"";position:absolute;border:4px solid transparent;pointer-events:none}.jl-tooltip.top:before{bottom:-8px;left:50%;transform:translate(-50%);border-top-color:#000000d9}.jl-tooltip.bottom:before{top:-8px;left:50%;transform:translate(-50%);border-bottom-color:#000000d9}.jl-tooltip.left:before{right:-8px;top:50%;transform:translateY(-50%);border-left-color:#000000d9}.jl-tooltip.right:before{left:-8px;top:50%;transform:translateY(-50%);border-right-color:#000000d9}