.support-chat{position:fixed;inset:auto 24px 24px auto;margin:0;padding:0;width:410px;height:min(640px,calc(100dvh - 48px));max-height:none;max-width:calc(100vw - 32px);border:1px solid #ead7ac;border-radius:22px;background:#fffaf0;box-shadow:0 24px 90px #351a1940;color:#273b35;overflow:hidden;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}.support-chat[open]{display:flex;flex-direction:column}.support-chat::backdrop{background:#1b2b281f;backdrop-filter:blur(2px)}.support-header{display:flex;align-items:center;gap:12px;padding:19px 20px;background:#d92849;color:#fff}.support-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff2c8;color:#a92b40;font-size:20px;font-weight:800;flex-shrink:0}.support-header h2{font-size:18px;font-weight:750;margin:0;line-height:1.5}.support-header p{font-size:12px;color:#fff;margin:2px 0 0;line-height:1.6}.support-close{margin-left:auto;width:36px;height:36px;border:0;background:#ffffff1f;color:white;border-radius:10px;font-size:25px;line-height:1}.support-log{flex:1;overflow-y:auto;overscroll-behavior:contain;min-height:80px;padding:19px 18px;scroll-behavior:smooth}.support-message{display:flex;flex-direction:column;align-items:flex-start;margin:15px 0}.support-message.is-mine{align-items:flex-end}.support-sender{font-size:11px;color:#68756d;margin:0 3px 4px}.support-message p{background:#fff;border:1px solid #e6e8df;border-radius:0 13px 13px;max-width:88%;padding:10px 13px;font-size:15px!important;line-height:1.7!important;white-space:pre-wrap;overflow-wrap:anywhere;margin:0!important;color:#24372f!important}.support-message.is-mine p{background:#007e75;border-color:#007e75;color:white!important;border-radius:13px 0 13px 13px}.support-message time{font-size:10px;color:#738177;margin:4px 3px 0}.support-error{font-size:12px!important;color:#9d2e3d!important;margin:0!important;padding:0;min-height:0;background:#fff}.support-form{display:flex;gap:10px;align-items:end;margin:0;padding:10px 13px 14px;background:#fff}.support-form textarea{font:inherit;font-size:15px;line-height:1.5;resize:none;min-width:0;flex:1;max-height:120px;padding:10px 12px;border:1px solid #dbe3d9;border-radius:11px;background:#f7f9f4;color:#273b35}.support-form button{border:0;background:#d92849;color:#fff;border-radius:10px;font:inherit;font-size:14px;font-weight:650;min-height:44px;min-width:73px;padding:11px}.support-form button:disabled{opacity:.55;cursor:wait}.support-form textarea:focus{outline:2px solid #168d81;outline-offset:1px}.support-sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}@media(max-width:650px){.support-chat{inset:0;width:100%;height:100dvh;max-width:100%;border:0;border-radius:0;max-height:100dvh}.support-form{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.support-header{padding-top:calc(17px + env(safe-area-inset-top))}.support-form textarea{font-size:16px}}@media(prefers-reduced-motion:reduce){.support-log{scroll-behavior:auto}}
.image-message{display:block;padding:4px;border:1px solid #d9e2d9;border-radius:12px;background:white;overflow:hidden;max-width:85%;cursor:zoom-in}.image-message img{display:block;max-width:100%;max-height:240px;width:auto;min-width:80px;object-fit:contain;border-radius:8px}.image-viewer{position:fixed;inset:0;margin:auto;padding:45px 18px 17px;width:min(960px,calc(100vw - 28px));max-height:94dvh;border:0;border-radius:16px;background:#17342c;color:white;box-shadow:0 20px 90px #0008}.image-viewer[open]{display:flex;flex-direction:column;align-items:center;gap:12px}.image-viewer::backdrop{background:#10221fdb;backdrop-filter:blur(4px)}.image-viewer>button{position:absolute;right:9px;top:7px;border:0;background:transparent;color:white;font-size:30px;width:36px;height:36px;line-height:1}.image-viewer img{display:block;max-width:100%;max-height:calc(90dvh - 105px);object-fit:contain}.image-viewer a{color:#ffdf95;font-size:13px;text-decoration:none}

.support-feedback{display:flex;align-items:center;gap:8px;background:#fff;padding:0 13px}.support-feedback .support-error{flex:1;min-width:0}.support-feedback .support-error:not(:empty){padding-block:8px}.support-feedback .support-error:empty{display:none}.support-feedback button{flex-shrink:0;border:1px solid #dbe3d9;border-radius:8px;background:#f3f7ef;color:#426153;min-height:36px;min-width:36px;padding:4px 8px;font:inherit;font-size:12px}.support-feedback .support-reconnect{font-size:24px;line-height:1}.support-form .support-image-picker{display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;padding:0;border:1px solid #dbe3d9;background:#f3f7ef;color:#426153;font-size:28px;font-weight:400;line-height:1}.support-form>[type=submit]{min-width:60px}.support-form{gap:8px}