.contact-float{position:fixed;z-index:35;width:86px;height:119px;display:flex;flex-direction:column;align-items:center;justify-content:end;border:0;padding:0;background:none;color:#d7f3ff;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;filter:drop-shadow(0 5px 10px #02172866)}.contact-float>img{display:block;width:86px;height:97px;object-fit:contain;pointer-events:none}.contact-float-label{display:block;border:1px solid #caf7ff66;border-radius:18px;padding:4px 11px;background:#12384ded;color:#d2f4ff;font-size:10px;line-height:16px;white-space:nowrap;pointer-events:none}.contact-float:hover .contact-float-label{background:#285a72}.contact-float.is-dragging{cursor:grabbing}.contact-float:focus-visible{outline:2px solid #b8eaff;outline-offset:4px;border-radius:18px}.interaction-dialog{box-sizing:border-box;width:min(480px,calc(100% - 32px));max-height:calc(100svh - 40px);overflow:auto;border:1px solid #97c6dc75;border-radius:23px;padding:32px;background:linear-gradient(145deg,#173a50,#0d263b);color:#e5f5fc;box-shadow:0 22px 80px #00142088;font-family:inherit}.interaction-dialog:not([open]){display:none}.interaction-dialog::backdrop{background:#00121bbd;backdrop-filter:blur(5px)}.interaction-dialog h2{font-size:23px;line-height:1.5;margin:0 25px 12px 0;overflow-wrap:anywhere}.interaction-description{font-size:13px;line-height:1.85;color:#b9d1df;white-space:pre-line;overflow-wrap:anywhere;margin:0 0 22px}.interaction-close{position:absolute;right:12px;top:12px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #9cc9dd40;border-radius:9px;background:#e1f6ff0a;color:#d8eef8;font-size:23px;cursor:pointer}.profile-password-form label{display:flex;flex-direction:column;gap:10px;font-size:12px;color:#c9e3ef}.profile-password-form input{box-sizing:border-box;width:100%;min-height:45px;padding:12px 14px;border:1px solid #cae0ed;border-radius:11px;background:#f2faff;color:#294c63;font:inherit;font-size:16px}.profile-password-form input:focus{outline:2px solid #9fe4e8;outline-offset:3px}.interaction-feedback{color:#d3e9f3;font-size:12px;line-height:1.7;margin:12px 0;white-space:pre-wrap}.interaction-feedback:empty{display:none}.interaction-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:23px}.interaction-primary,.interaction-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:39px;border-radius:10px;padding:9px 18px;font:inherit;font-size:12px;cursor:pointer}.interaction-primary{background:#d4efea;color:#284e5b;border:1px solid #e0ffff75}.interaction-secondary{background:#d5efff10;color:#c2dfec;border:1px solid #b9dcea50}.interaction-dialog button:disabled{opacity:.55;cursor:wait}.contact-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.contact-method{padding:16px;background:#e6f6ff0a;border:1px solid #b3dae936;border-radius:14px;min-width:0}.contact-method h3{font-size:14px;color:#cfecf3;margin:0 0 13px}.contact-account{display:flex;flex-direction:column;gap:9px;align-items:flex-start;margin-bottom:13px}.contact-account>span{font-size:13px;line-height:1.6;overflow-wrap:anywhere;user-select:text}.contact-account button{padding:5px 13px;min-height:30px;font-size:11px}.contact-qr{display:block;background:white;border:7px solid white;border-radius:9px;overflow:hidden}.contact-qr img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block}.contact-method small{display:block;font-size:10px;line-height:1.6;margin-top:8px;color:#95b5c8}.contact-empty{grid-column:1/-1;font-size:13px;color:#acc8d8;padding:12px 0}.interaction-dialog button:focus-visible,.interaction-dialog a:focus-visible{outline:2px solid #a9e4ec;outline-offset:3px}@media(max-width:540px){.contact-float{width:74px;height:106px}.contact-float>img{width:74px;height:83px}.contact-float-label{font-size:9px;padding:3px 10px}.interaction-dialog{padding:27px 22px}.interaction-dialog h2{font-size:21px}.contact-methods{gap:10px}.contact-method{padding:12px}.contact-account>span{font-size:12px}}
.scenic-home .interaction-dialog{background:linear-gradient(145deg,#173a50,#0d263b);color:#e5f5fc;border-color:#97c6dc75;box-shadow:0 22px 80px #00142088}.scenic-home .interaction-dialog::backdrop{background:#00121bbd}
.scenic-home .interaction-dialog h2{color:#e5f5fc}
/* Contact panel: adaptive cards with a compact single-account layout. */
.scenic-home #contact-dialog{width:min(520px,calc(100% - 32px));max-width:520px;padding:32px;border-radius:26px;background:radial-gradient(ellipse at 100% 0,#275266 0,transparent 55%),linear-gradient(145deg,#132c3e,#0b1d2d);border:1px solid #b3d7e52e;box-shadow:0 30px 100px #0008;color:#e9f5fc}
.contact-greeting{font-size:9px;font-weight:600;letter-spacing:3px;color:#97c9cf;margin-bottom:11px;display:flex;align-items:center;gap:9px}.contact-greeting:before{content:'';width:18px;height:1px;background:#97c9cf}
.scenic-home #contact-dialog h2{font-size:25px;letter-spacing:1px;font-weight:600;margin-bottom:10px;color:#edf6ff}
#contact-dialog>.interaction-description{font-size:12px;color:#b3c6d5;line-height:1.9;margin-bottom:25px;max-width:92%}
#contact-dialog .interaction-close{border:0;background:#d5efff0b;color:#b6cddd;border-radius:50%;right:16px;top:16px}
#contact-dialog .contact-methods{gap:14px}
#contact-dialog .contact-method{background:#c9e3f008;border:1px solid #c7e0ef20;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:18px}
.contact-method-heading{display:flex;align-items:center;gap:9px}.contact-platform{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border-radius:10px;font-size:15px;font-weight:600;color:#c2eaff;background:#83c3f01a;border:1px solid #93d7ff22}.contact-platform-wechat{color:#b8e6d7;background:#82dbb214;font-size:12px}
#contact-dialog .contact-method h3{font-size:13px;margin:0;font-weight:500;color:#dfedf6}
#contact-dialog .contact-account{margin:13px 0 0;gap:12px}#contact-dialog .contact-account>span{font-size:16px;letter-spacing:.4px;font-weight:500;color:#f1f6fc}
#contact-dialog .contact-account button{border:1px solid #d2e8f32b;border-radius:8px;color:#c5d9e8;background:#cee7ff08;font-size:11px;min-height:32px;padding:5px 12px}
#contact-dialog .contact-account button:hover{background:#cee7ff18;border-color:#d2e8f355}
.contact-qr-wrap{min-width:0}#contact-dialog .contact-qr{width:100%;max-width:190px;margin:auto;background:#fff;border:9px solid #fff;border-radius:12px;box-shadow:0 5px 22px #0002}#contact-dialog .contact-qr img{aspect-ratio:1;object-fit:contain}#contact-dialog .contact-method small{text-align:center;font-size:10px;color:#8ea9bd;margin-top:10px;white-space:nowrap}
.scenic-home #contact-dialog.contact-single{width:min(430px,calc(100% - 32px))}#contact-dialog.contact-single .contact-methods{grid-template-columns:1fr}#contact-dialog.contact-single .contact-method.has-qr{display:grid;grid-template-columns:minmax(0,1fr) 152px;align-items:center;gap:20px;padding:20px}#contact-dialog.contact-single .contact-account>span{font-size:17px}#contact-dialog.contact-single .contact-account{gap:15px}
.contact-float{width:94px;height:151px;filter:drop-shadow(0 6px 12px #07172750)}.contact-float>img{width:94px;height:128px}.contact-float-label{font-size:10px;letter-spacing:1px;border-color:#c8e5f042;background:#132b3cec;box-shadow:0 4px 16px #00132630;padding:4px 13px;color:#dbeef6}
@media(max-width:540px){.contact-float{width:78px;height:129px}.contact-float>img{width:78px;height:108px}.contact-float-label{font-size:9px;padding:3px 11px}.scenic-home #contact-dialog{padding:26px 22px;border-radius:23px}#contact-dialog .contact-method{padding:14px;gap:16px}#contact-dialog.contact-single .contact-method.has-qr{grid-template-columns:minmax(0,1fr) 136px;padding:16px;gap:14px}#contact-dialog.contact-single .contact-account>span{font-size:15px}#contact-dialog .contact-account>span{font-size:14px}#contact-dialog .contact-methods{gap:10px}}
@media(max-width:360px){#contact-dialog.contact-single .contact-method.has-qr{grid-template-columns:minmax(0,1fr) 112px;gap:12px;padding:13px}#contact-dialog .contact-method{padding:11px}#contact-dialog .contact-method small{font-size:9px}}