*{box-sizing:border-box;margin:0;padding:0}button{appearance:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none;font-family:inherit}:root{--kf-color:#165dff;--kf-soft:#165dff29;--kf-glow:#165dff24}html,body,#app{background:#f2f3f5;height:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Arial,sans-serif}#app{display:flex}.chat-shell{background:#fff;border-radius:14px;width:min(980px,100vw - 96px);height:min(700px,100vh - 80px);margin:auto;display:flex;overflow:hidden;box-shadow:0 10px 40px #1018281f}.chat-side{background:linear-gradient(160deg, #0000 0%, #0003 100%), var(--kf-color);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:236px;display:flex}.chat-side-inner{text-align:center;padding:26px 20px}.chat-side-avatar{width:76px;height:76px;margin:0 auto 14px;position:relative}.chat-side-avatar img{object-fit:cover;background:#ffffff26;border:2px solid #ffffff73;border-radius:50%;width:100%;height:100%}.chat-side-dot{background:#00b42a;border:2px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;bottom:2px;right:2px}.chat-side-name{margin-bottom:7px;font-size:18px;font-weight:600}.chat-side-intro{opacity:.82;font-size:13px;line-height:1.5}.chat-side-divider{background:#ffffff52;border-radius:2px;width:34px;height:2px;margin:17px auto}.chat-side-features{text-align:center;list-style:none;display:inline-block}.chat-side-features li{opacity:.88;margin:0;font-size:13px;line-height:1.7}.chat-side-features li:before{content:"✓";margin-right:5px}.chat-main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.chat-header{background:#fff;border-bottom:1px solid #f2f4f6;align-items:center;gap:10px;padding:12px 18px;display:flex}.chat-header-back{color:#4e5969;cursor:pointer;background:0 0;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:-5px;margin-right:-3px;padding:0;display:flex}.chat-header-back:hover{background:#f2f3f5}.chat-header-back:active{background:#eaebef}.chat-header-avatar.is-loading,.chat-side-avatar.is-loading{background:#eef0f2;border-radius:50%}.chat-side-avatar.is-loading,.chat-skel-side-name,.chat-skel-side-intro{background:#ffffff4d}.chat-skel-side-name{width:92px;height:18px;margin:0 auto}.chat-skel-side-intro{width:130px;height:13px;margin:9px auto 0}.chat-skel{background:#eef0f2;border-radius:6px;animation:1.3s ease-in-out infinite chat-skel-pulse;display:block}.chat-skel-title{width:72px;height:15px}.chat-skel-sub{width:106px;height:12px;margin-top:7px}@keyframes chat-skel-pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-header-avatar{flex-shrink:0;width:42px;height:42px;position:relative}.chat-header-avatar img{object-fit:cover;background:var(--kf-color);border-radius:50%;width:100%;height:100%}.chat-header-avatar .chat-side-dot{border-width:2px;width:10px;height:10px}.chat-header-info{flex:1;min-width:0}.chat-header-name{color:#1a1d23;font-size:15px;font-weight:600}.chat-header-sub{color:#86909c;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.chat-header-sound{color:#4e5969;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px}.chat-header-sound:hover{background:#f2f3f5}.chat-body{background:#fff;flex:1;padding:18px 20px 22px;overflow-y:auto}.chat-status{color:#e2670a;text-align:center;background:#fff3e8;border-bottom:1px solid #ffe2c2;flex-shrink:0;padding:7px 14px;font-size:12.5px;line-height:1.5}.chat-loading-mask{z-index:15;background:#ffffffb8;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.chat-loading-card{color:#4e5969;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:15px 20px;font-size:14px;line-height:1.4;display:flex;box-shadow:0 6px 24px #1018281f}.chat-loading-spinner{border:2px solid var(--kf-soft);border-top-color:var(--kf-color);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.75s linear infinite chat-spin}.chat-form{background:#fff;flex:1;min-height:0;padding:26px 22px;display:flex;overflow-y:auto}.chat-main.form-locked .chat-body,.chat-main.form-locked .chat-footer{display:none}.chat-form-inner{width:100%;max-width:420px;margin:auto}.chat-form-brand{align-items:center;gap:12px;margin-bottom:24px;display:flex}.chat-form-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:46px;height:46px}.chat-form-brand-text{min-width:0}.chat-form-name{color:#1d2129;font-size:16px;font-weight:600}.chat-form-slogan{color:#86909c;margin-top:4px;font-size:13px;line-height:1.5}.chat-form-fields{flex-direction:column;gap:14px;display:flex}.chat-form-field{flex-direction:column;gap:6px;display:flex}.chat-form-key{color:#4e5969;font-size:13px}.chat-form-req{color:#f53f3f;margin-left:2px;font-style:normal}.chat-form-input{color:#1d2129;background:#fff;border:1px solid #e6e8ec;border-radius:10px;outline:none;width:100%;height:42px;padding:0 13px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.chat-form-input:focus{border-color:var(--kf-color);box-shadow:0 0 0 3px var(--kf-glow)}.chat-form-input::placeholder{color:#c9cdd4}.chat-form-submit{background:var(--kf-color);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:24px;font-family:inherit;font-size:15px;font-weight:500;transition:opacity .15s;display:inline-flex}.chat-form-submit:disabled{opacity:.6;cursor:not-allowed}.chat-form-loading{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite chat-form-spin}@keyframes chat-form-spin{to{transform:rotate(360deg)}}.chat-tip{z-index:20;color:#e2670a;text-align:center;word-break:break-word;pointer-events:none;background:#fff7ea;border:1px solid #ffe2c2;border-radius:10px;max-width:min(86%,480px);padding:9px 16px;font-size:13px;line-height:1.5;position:absolute;bottom:110px;left:50%;transform:translate(-50%);box-shadow:0 10px 26px #10182824}.chat-tip.ok{color:#0f9d3c;background:#e8ffea;border-color:#aff0b5}.chat-tip-enter-active,.chat-tip-leave-active{transition:opacity .22s,transform .22s}.chat-tip-enter-from,.chat-tip-leave-to{opacity:0;transform:translate(-50%)translateY(8px)}.chat-msgs{flex-direction:column;display:flex}.chat-notice{justify-content:center;margin:6px 0 14px;display:flex}.chat-notice span{color:#8a9099;text-align:center;background:#eef0f2;border-radius:12px;max-width:80%;padding:4px 12px;font-size:12px;line-height:1.6}.chat-row{gap:9px;margin-bottom:20px;display:flex}.chat-row.mine{flex-direction:row-reverse}.chat-row-avatar{object-fit:cover;background:#e5e6eb;border-radius:50%;flex-shrink:0;width:30px;height:30px}.chat-row-body{flex-direction:column;max-width:76%;display:flex}.chat-row.mine .chat-row-body{align-items:flex-end}.chat-row-name{color:#8a9099;font-size:12px}.chat-bubble{color:#1a1d23;word-break:break-word;white-space:pre-wrap;background:#f2f3f5;border-radius:4px 10px 10px;width:fit-content;padding:10px 14px;font-size:14.5px;line-height:1.6}.chat-bubble.image,.chat-bubble.video{background:#fff;border:1px solid #eef0f2}.chat-bubble.image{padding:4px;line-height:0;position:relative}.chat-row-body .chat-bubble.image+.chat-row-meta,.chat-row-body .chat-bubble.text+.chat-bubble.image{margin-top:6px}.chat-bubble.text{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.chat-image{cursor:zoom-in;appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;outline:none;padding:0;line-height:0;display:block;overflow:hidden}.chat-bubble img{border-radius:10px;max-width:220px;display:block}.chat-bubble.video{width:auto;padding:4px;position:relative}.chat-video{background:#000;border-radius:10px;width:220px;max-width:100%;max-height:260px;display:block}.chat-video-dur{color:#fff;pointer-events:none;background:#0000008c;border-radius:8px;padding:1px 6px;font-size:11px;line-height:1.6;position:absolute;bottom:10px;right:10px}.chat-row.mine .chat-bubble{background:var(--kf-color);color:#fff;border-radius:10px 4px 10px 10px}.chat-row.mine .chat-bubble.image,.chat-row.mine .chat-bubble.video{background:#fff;border:1px solid #eef0f2}.chat-audio{text-align:left;cursor:pointer;border:none;align-items:center;gap:10px;min-width:104px;font-family:inherit;display:flex}.chat-audio-play{color:#4e5969;background:#0000000f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.chat-row.mine .chat-audio-play{color:#fff;background:#ffffff40}.chat-audio-track{background:#0000001a;border-radius:3px;flex:1;height:4px;overflow:hidden}.chat-audio-track i{background:var(--kf-color);border-radius:3px;width:0;height:100%;transition:width .2s linear;display:block}.chat-row.mine .chat-audio-track{background:#ffffff59}.chat-row.mine .chat-audio-track i{background:#fff}.chat-audio-time{color:#86909c;flex-shrink:0;font-size:12px}.chat-row.mine .chat-audio-time{color:#ffffffd9}.chat-file{color:inherit;cursor:pointer;align-items:center;gap:10px;max-width:250px;text-decoration:none;display:flex}.chat-file-icon{background:var(--kf-soft);width:36px;height:36px;color:var(--kf-color);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-row.mine .chat-file-icon{color:#fff;background:#ffffff38}.chat-file-info{flex-direction:column;min-width:0;display:flex}.chat-file-info b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.chat-file-info i{color:#86909c;margin-top:2px;font-size:11px;font-style:normal}.chat-row.mine .chat-file-info i{color:#fffc}.chat-row-meta{color:#b0b5bd;align-items:center;gap:6px;margin-top:5px;font-size:11px;display:flex}.chat-uploading{color:#86909c;justify-content:center;align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.chat-uploading i{border:2px solid var(--kf-soft);border-top-color:var(--kf-color);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite chat-spin}@keyframes chat-spin{to{transform:rotate(360deg)}}.chat-welcome-tags{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.chat-tag{border:1px solid var(--kf-color);color:var(--kf-color);cursor:pointer;background:#fff;border-radius:16px;padding:6px 14px;font-size:13px;transition:opacity .15s}.chat-tag:hover{opacity:.8}.chat-rec{color:#fff;z-index:11;background:#1d2129eb;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex;position:absolute;bottom:128px;left:12px;right:12px;box-shadow:0 8px 24px #0000002e}.chat-rec.cancel{background:#cb2631f0}.chat-rec-avatar img{object-fit:cover;border-radius:50%;width:28px;height:28px;display:block}.chat-rec-bars{align-items:flex-end;gap:3px;height:18px;display:flex}.chat-rec-bars i{background:#fff;border-radius:2px;width:3px;animation:.9s ease-in-out infinite chat-wave}.chat-rec-bars i:first-child{height:40%;animation-delay:0s}.chat-rec-bars i:nth-child(2){height:75%;animation-delay:.15s}.chat-rec-bars i:nth-child(3){height:100%;animation-delay:.3s}.chat-rec-bars i:nth-child(4){height:65%;animation-delay:.45s}.chat-rec-bars i:nth-child(5){height:35%;animation-delay:.6s}@keyframes chat-wave{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}.chat-rec-time{font-variant-numeric:tabular-nums}.chat-rec-tip{opacity:.8;margin-left:auto;font-size:12px}.chat-footer{background:#fff;padding:8px 14px 14px}.chat-composer{background:0 0;border:1px solid #e6e8ec;border-radius:12px;flex-direction:column;gap:7px;padding:12px 15px 10px;transition:border-color .15s,box-shadow .15s;display:flex}.chat-composer.focused{border-color:var(--kf-color);box-shadow:0 0 0 3px var(--kf-glow)}.chat-input{resize:none;color:#1a1d23;background:0 0;border:none;outline:none;width:100%;min-height:23px;max-height:120px;font-family:inherit;font-size:15px;line-height:1.5}.chat-input::placeholder{color:#b0b5bd}.chat-composer-bar{align-items:center;gap:8px;display:flex}.chat-tools{flex:1;align-items:center;gap:5px;display:flex}.chat-tool{color:#4e5969;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;outline:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:color .15s;display:flex}.chat-tool svg{width:19px;height:19px}.chat-tool:hover,.chat-tool.on,.chat-tool:active{color:var(--kf-color)}.chat-send{background:var(--kf-soft);width:34px;height:34px;color:var(--kf-color);cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.chat-send svg{width:16px;height:16px}.chat-send:focus,.chat-send:focus-visible,.chat-tool:focus,.chat-tool:focus-visible,.chat-emoji-panel button:focus,.chat-emoji-panel button:focus-visible{outline:none}.chat-send:focus-visible,.chat-tool:focus-visible{box-shadow:0 0 0 3px var(--kf-glow)}.chat-send.active{background:var(--kf-color);color:#fff}.chat-send:disabled{cursor:not-allowed}.chat-emoji-panel{z-index:10;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #eef0f2;border-radius:14px;width:500px;max-width:calc(100% - 24px);padding:8px 6px 6px;position:absolute;bottom:108px;left:12px;box-shadow:0 8px 28px #1018281f}.chat-emoji-scroll{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;display:flex;overflow:auto hidden}.chat-emoji-scroll::-webkit-scrollbar{display:none}.chat-emoji-scroll.dragging{cursor:grabbing;scroll-snap-type:none}.chat-emoji-page{scroll-snap-align:start;flex:0 0 100%;grid-template-columns:repeat(8,1fr);grid-auto-rows:46px;place-items:center;width:100%;display:grid}.chat-emoji-panel button{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}.chat-emoji-page button{border-radius:9px;justify-content:center;align-items:center;width:100%;max-width:38px;height:38px;font-size:25px;line-height:1;transition:background .15s;display:flex}.chat-emoji-page button:hover{background:#f2f3f5}.chat-emoji-page button:active{background:#e8eaed}.chat-emoji-dots{justify-content:center;align-items:center;gap:5px;padding:6px 0 2px;display:flex}.chat-emoji-panel .chat-emoji-dot{background:#dcdfe6;border-radius:3px;width:6px;height:6px;transition:width .2s,background .2s}.chat-emoji-panel .chat-emoji-dot.on{background:var(--kf-color);width:16px}.chat-preview{z-index:999;cursor:zoom-out;background:#000000c7;justify-content:center;align-items:center;padding:20px;animation:.16s ease-out chat-preview-in;display:flex;position:fixed;inset:0}.chat-preview-stage{scrollbar-width:none;cursor:default;border-radius:10px;max-width:100%;max-height:100%;display:flex;overflow:auto}.chat-preview-stage::-webkit-scrollbar{display:none}.chat-preview-stage img{border-radius:10px;max-width:100%;max-height:86vh;margin:auto;animation:.16s ease-out chat-preview-zoom;display:block;box-shadow:0 16px 48px #00000073}.chat-preview-bar{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));cursor:default;background:#fff;border-radius:12px;gap:2px;padding:5px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 16px #00000040}.chat-preview-bar button{color:#4e5969;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:9px;outline:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.chat-preview-bar button:hover:not(:disabled){background:#f2f3f5}.chat-preview-bar button:active:not(:disabled){background:#e5e6eb}.chat-preview-bar button:disabled{color:#c9cdd4;cursor:default}.chat-preview-bar .chat-preview-ratio{width:auto;padding:0 8px}.chat-preview-close{top:calc(12px + env(safe-area-inset-top));color:#fff;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;background:#ffffff29;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s;display:flex;position:absolute;right:12px}.chat-preview-close:hover{background:#ffffff4d}@keyframes chat-preview-in{0%{opacity:0}to{opacity:1}}@keyframes chat-preview-zoom{0%{transform:scale(.92)}to{transform:scale(1)}}@media (width<=600px){.chat-shell{width:100%;height:100dvh;box-shadow:none;border-radius:0}.chat-side{display:none}.chat-form{padding:20px 16px}.chat-header{background:linear-gradient(135deg, #0000 0%, #00000029 100%), var(--kf-color);padding-top:calc(12px + env(safe-area-inset-top));border-bottom:none;box-shadow:0 1px 8px #10182814}.chat-body{scrollbar-width:none}.chat-body::-webkit-scrollbar{display:none}.chat-header-name,.chat-header-sub{color:#fff}.chat-header-avatar.is-loading,.chat-skel{background:#ffffff47}.chat-header-sub{opacity:.85}.chat-header-sound,.chat-header-back{color:#fff}.chat-header-back:hover,.chat-header-back:active,.chat-header-sound:hover{background:#ffffff26}.chat-row-body{max-width:80%}.chat-footer{padding:8px 10px calc(10px + env(safe-area-inset-bottom))}.chat-tools{gap:10px}.chat-rec{bottom:96px}}.chat-paste-mask{z-index:900;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.chat-paste-dialog{background:#fff;border-radius:14px;width:min(320px,100vw - 48px);padding:16px;box-shadow:0 12px 40px #0000002e}.chat-paste-title{color:#1d2129;text-align:center;margin-bottom:12px;font-size:15px;font-weight:600}.chat-paste-img{object-fit:contain;border:1px solid #00000014;border-radius:10px;max-width:100%;max-height:240px;margin:0 auto 14px;display:block}.chat-paste-actions{justify-content:center;gap:12px;display:flex}.chat-paste-btn{color:#4e5969;cursor:pointer;background:0 0;border:1px solid #0000001f;border-radius:10px;min-width:84px;padding:8px 0;font-size:14px;transition:background .15s}.chat-paste-btn:hover{background:#f2f3f5}.chat-paste-btn.primary{background:var(--kf-color,#165dff);color:#fff;border-color:#0000}.chat-paste-btn.primary:hover{opacity:.9}