/* 联系我们 浮动按钮（页面右侧） */
.contact-fab{
  position:fixed;right:6px;top:50%;transform:translateY(-50%);
  z-index:90;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  width:40px;padding:12px 6px;border:0;
  background:var(--green,#0b4d32);color:#fff;
  border-radius:18px 0 0 18px;
  box-shadow:0 4px 14px rgba(11,77,50,.28);
  cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.05em;
  writing-mode:vertical-rl;
  -webkit-tap-highlight-color:transparent;
  transition:transform .15s,box-shadow .15s,background .15s
}
.contact-fab:active{transform:translateY(-50%) scale(.96)}
.contact-fab:hover{background:var(--green-2,#0a3d28)}
.contact-fab svg{width:15px;height:15px;display:block;writing-mode:horizontal-tb}
.contact-fab span{writing-mode:vertical-rl;line-height:1.1}

/* 联系我们 弹窗 */
.contact-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(11,77,50,.5);animation:cm-fade .18s ease}
.contact-modal[hidden]{display:none}
@keyframes cm-fade{from{opacity:0}to{opacity:1}}
.contact-backdrop{position:absolute;inset:0}
.contact-card{position:relative;width:min(92vw,400px);max-height:calc(100svh - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;border-radius:18px;padding:20px 18px 18px;box-shadow:0 14px 40px rgba(0,0,0,.28);animation:cm-pop .22s cubic-bezier(.22,1,.36,1)}
@keyframes cm-pop{from{transform:translateY(8px) scale(.96);opacity:0}to{transform:none;opacity:1}}
.contact-close{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;background:transparent;color:#999;font-size:24px;line-height:1;cursor:pointer;border-radius:50%}
.contact-close:hover{background:#f3f3f3;color:#333}
.contact-title{margin:0 0 2px;font-size:18px;color:var(--green,#0b4d32);text-align:center;font-weight:800;letter-spacing:.04em}
.contact-sub{margin:0 0 12px;text-align:center;font-size:12px;color:#888}
.contact-tabs{display:flex;gap:6px;background:#f3f5f4;border-radius:10px;padding:4px;margin-bottom:14px}
.contact-tab{flex:1;border:0;background:transparent;color:#666;font-size:13px;font-weight:600;padding:8px 4px;border-radius:7px;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;white-space:nowrap}
.contact-tab[aria-selected="true"]{background:var(--green,#0b4d32);color:#fff;box-shadow:0 2px 6px rgba(11,77,50,.25)}
.contact-stage{min-height:200px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.contact-qr{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}
.contact-qr[hidden]{display:none}
/* 按原比例完整展示，不裁切；微信/浏览器长按图片可识别二维码 */
.contact-qr img{display:block;width:auto;height:auto;max-width:min(78vw,340px);max-height:calc(100svh - 300px);object-fit:contain;border-radius:10px;background:#fff;-webkit-touch-callout:default;pointer-events:auto}
.contact-qr .qr-name{margin:2px 0 0;font-size:15px;font-weight:700;color:var(--ink,#222)}
.contact-qr .qr-tip{margin:0;font-size:12px;color:#888;text-align:center}

@media(min-width:700px){
  .contact-fab{right:14px;width:46px;padding:14px 8px}
  .contact-card{width:min(88vw,420px);padding:24px 22px 20px}
  .contact-qr img{max-width:min(70vw,360px)}
}