*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,Noto Sans SC,Microsoft YaHei,sans-serif;color:#222;background:#dfe7ef;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}.tw-page{height:100%;display:flex;justify-content:center;align-items:center}.tw-shell{position:relative;width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;background:#dfe7ef radial-gradient(rgba(255,255,255,.55) 1px,transparent 1.2px) 0 0 / 22px 22px;overflow:hidden}@media(min-width:720px){.tw-page{background:linear-gradient(160deg,#eef3f8,#d9e3ee)}.tw-shell{width:440px;height:min(760px,calc(100vh - 48px));border-radius:16px;box-shadow:0 18px 60px #1c345438}}.tw-head{flex:none;display:flex;align-items:center;gap:12px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));min-height:58px;background:var(--brand);color:#fff}.tw-head-face{position:relative;width:40px;height:40px;flex:none}.tw-head-face img,.tw-head-face span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;object-fit:cover;font-weight:600;font-size:17px;color:#fff;border:2px solid rgba(255,255,255,.35)}.tw-dot{position:absolute;right:0;bottom:1px;width:11px;height:11px;border-radius:50%;background:#4fce5d;border:2px solid var(--brand)}.tw-head-text{min-width:0;display:flex;flex-direction:column}.tw-head-text b{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-head-text small{font-size:13px;opacity:.85;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-head-text small.typing{opacity:1}.tw-banner{flex:none;background:#fff4d6;color:#8a6100;font-size:13px;text-align:center;padding:6px 12px}.tw-list{flex:1;overflow-y:auto;padding:10px 10px 14px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.tw-loading{text-align:center;color:#6b7c8d;margin-top:40%;font-size:14px}.tw-older{text-align:center;margin:4px 0 8px}.tw-older button{border:0;background:#0000002e;color:#fff;font-size:13px;padding:4px 12px;border-radius:12px}.tw-pill{text-align:center;margin:10px 0}.tw-pill span{display:inline-block;max-width:86%;background:#20365047;color:#fff;font-size:13px;line-height:1.45;padding:3px 10px;border-radius:12px;white-space:pre-wrap;word-break:break-word}.tw-row{display:flex;align-items:flex-end;gap:6px;margin-top:2px;padding-right:48px}.tw-row.first{margin-top:8px}.tw-row.mine{flex-direction:row-reverse;padding-right:0;padding-left:56px}.tw-face{width:34px;flex:none;align-self:flex-end}.tw-face img,.tw-face span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:600;object-fit:cover}.tw-bubble{position:relative;max-width:100%;min-width:64px;background:#fff;color:#222;border-radius:12px;padding:6px 10px;box-shadow:0 1px 1px #10232f1f}.tw-row.mine .tw-bubble{background:var(--brand);color:#fff}.tw-row.first:not(.mine) .tw-bubble{border-bottom-left-radius:4px}.tw-row.first.mine .tw-bubble{border-bottom-right-radius:4px}.tw-name{font-size:13px;font-weight:600;color:var(--brand);margin-bottom:2px}.tw-text{font-size:15px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.tw-text a{color:inherit;text-decoration:underline}.tw-meta{float:right;display:flex;gap:4px;align-items:center;font-size:11px;line-height:1;margin:8px 0 -2px 10px;color:#8b939a}.tw-row.mine .tw-meta{color:#ffffffc7}.tw-tick.read{color:#fff;font-weight:700}.tw-bubble.image,.tw-bubble.video{padding:0;background:transparent!important;box-shadow:none}.tw-bubble.image .tw-name{padding:0 2px 2px}.tw-bubble.image .tw-meta,.tw-bubble.video .tw-meta{position:absolute;right:8px;bottom:8px;margin:0;padding:3px 6px;border-radius:10px;background:#0000006b;color:#fff}.tw-image{display:block;max-width:240px;max-height:280px;min-width:60px;min-height:60px;border-radius:10px;object-fit:cover;cursor:zoom-in;background:#eef2f6}.tw-video{display:block;width:240px;max-height:300px;border-radius:10px;background:#000}.tw-audio{display:block;width:230px;height:36px;margin-top:2px}.tw-file{display:flex;gap:10px;align-items:center;min-width:200px;color:inherit;text-decoration:none;padding:2px 0}.tw-file-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--brand);color:#fff}.tw-row.mine .tw-file-icon{background:#ffffff3d}.tw-file-text{min-width:0;display:flex;flex-direction:column}.tw-file-text b{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.tw-file-text small{font-size:12px;opacity:.7;margin-top:2px}.tw-bubble.failed{opacity:.75}.tw-retry{border:0;background:none;color:#e53935;padding:4px;align-self:center}.typing-dots{display:flex;gap:4px;padding:12px 14px}.typing-dots i{width:7px;height:7px;border-radius:50%;background:#a9b4be;animation:tw-blink 1.2s infinite ease-in-out}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes tw-blink{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.tw-rate{margin:12px auto;width:min(320px,92%);background:#fff;border-radius:14px;padding:14px 16px 16px;text-align:center;box-shadow:0 1px 2px #10232f1f}.tw-rate-title{font-size:14px;color:#33414e;line-height:1.5}.tw-stars{margin:8px 0 2px;display:flex;justify-content:center;gap:4px}.tw-stars button,.tw-stars span{border:0;background:none;font-size:30px;line-height:1;color:#d5dbe1;padding:0 2px;transition:transform .1s}.tw-stars button:hover{transform:scale(1.12)}.tw-stars .on{color:#ffb400}.tw-stars.static span{font-size:22px}.tw-rate-label{font-size:13px;color:#8b939a;min-height:18px}.tw-rate textarea{width:100%;margin-top:10px;border:1px solid #e3e8ed;border-radius:10px;padding:8px 10px;font:inherit;font-size:14px;resize:none;outline:none}.tw-rate textarea:focus{border-color:var(--brand)}.tw-rate-send{margin-top:10px;width:100%;border:0;border-radius:10px;background:var(--brand);color:#fff;padding:9px;font-size:15px}.tw-rate-send:disabled{opacity:.45}.tw-rate-done{font-size:13px;color:#4f9d58;margin-top:4px}.tw-rate-error{color:#e53935;font-size:13px;margin-top:6px}.tw-jump{position:absolute;right:14px;bottom:74px;z-index:2;border:0;border-radius:18px;padding:7px 12px;display:flex;align-items:center;gap:4px;background:#fff;color:var(--brand);font-size:13px;box-shadow:0 2px 10px #00000029}.tw-compose{flex:none;background:#fff;border-top:1px solid #e6e6e6;padding-bottom:env(safe-area-inset-bottom)}.tw-emoji{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));max-height:200px;overflow-y:auto;padding:8px 8px 0;border-bottom:1px solid #f0f2f5}.tw-emoji button{border:0;background:none;font-size:24px;height:40px;border-radius:8px}.tw-emoji button:hover{background:#f0f2f5}.tw-bar{display:flex;align-items:flex-end;gap:4px;padding:7px 8px}.tw-bar textarea{flex:1;min-height:38px;max-height:132px;resize:none;border:0;outline:none;background:#f0f2f5;border-radius:19px;padding:9px 14px;font:inherit;font-size:15px;line-height:20px;color:#222}.tw-tool{width:38px;height:38px;flex:none;border:0;background:none;color:#8b939a;border-radius:50%;display:grid;place-items:center}.tw-tool:hover:not(:disabled),.tw-tool.on{color:var(--brand);background:#f0f2f5}.tw-send{width:38px;height:38px;flex:none;border:0;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;transition:opacity .15s}.tw-send:disabled{opacity:.35}.tw-viewer{position:absolute;inset:0;z-index:10;background:#000000e6;display:grid;place-items:center;cursor:zoom-out}.tw-viewer img{max-width:96%;max-height:92%;object-fit:contain}.tw-viewer-close{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;border:0;background:#ffffff24;color:#fff;width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.tw-toast{position:absolute;left:50%;top:76px;transform:translate(-50%);z-index:11;background:#000000c7;color:#fff;font-size:14px;padding:8px 14px;border-radius:10px;max-width:80%;text-align:center}.tw-fatal{margin:auto;width:min(340px,88%);background:#fff;border-radius:16px;padding:28px 24px;text-align:center;box-shadow:0 6px 24px #1c34541f}.tw-fatal-icon{color:#e53935;display:grid;place-items:center}.tw-fatal h2{font-size:18px;margin:12px 0 6px}.tw-fatal p{color:#707579;font-size:14px;line-height:1.6;margin:0}.tw-fatal button{margin-top:18px;border:0;border-radius:10px;background:#3390ec;color:#fff;padding:9px 22px;font-size:15px}