*{box-sizing:border-box}:root{--bg-0: #f7f9fc;--bg-1: #ffffff;--text-0: #0f172a;--text-1: #334155;--line: #dbe2ea;--brand: #0d9488;--brand-2: #0f766e;--bubble-in: #eef6ff;--bubble-out: #ddf7ef}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans TC,sans-serif;color:var(--text-0);background:radial-gradient(1200px 500px at 50% -120px,#dff7f3 0%,transparent 70%),linear-gradient(180deg,#f9fbfd,#f3f6fa)}#app{max-width:760px;margin:24px auto;min-height:calc(100vh - 48px);display:flex;flex-direction:column;border:1px solid #e6ebf1;border-radius:16px;overflow:hidden;background:var(--bg-1);box-shadow:0 20px 45px #0f172a14}.top{display:flex;align-items:center;gap:12px;padding:14px 18px;color:#fff;background:linear-gradient(135deg,#0d9488,#0891b2)}.top h1{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:.02em}.status{flex:1;margin:0;font-size:.82rem;opacity:.95}.leave{margin-left:auto;background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.35);padding:8px 13px;border-radius:999px;font-weight:700;cursor:pointer;transition:all .18s ease}.leave:hover{background:#ffffff45}.chat{flex:1;display:flex;flex-direction:column;padding:16px;background:var(--bg-0)}.panel{background:var(--bg-1);border-radius:14px;border:1px solid #e7edf3;padding:16px}.chat-panel{padding:10px;border:1px solid #e7edf3}.form-group{margin-bottom:12px}.label{display:block;font-weight:700;color:var(--text-1);font-size:.88rem;margin-bottom:6px}.input,.textarea,.form textarea{width:100%;font-size:15px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.textarea,.form textarea{resize:vertical;min-height:46px}.input:focus,.textarea:focus,.form textarea:focus{outline:none;border-color:#7dd3fc;box-shadow:0 0 0 3px #38bdf826}.turnstile-wrap{margin:12px 0}.connect-btn{width:100%;margin-top:4px;padding:12px 16px;background:linear-gradient(135deg,var(--brand) 0%,#0891b2 100%);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:transform .05s ease,filter .2s ease}.connect-btn:hover{filter:brightness(1.03)}.connect-btn:active{transform:translateY(1px)}.connect-btn:disabled{opacity:.65;cursor:not-allowed}.msgs{flex:1;overflow-y:auto;padding:12px;background:#fff;border:1px solid #e6ebf2;border-radius:12px;margin-bottom:10px;min-height:320px}.msg{margin:10px 0;padding:9px 11px;border-radius:12px;max-width:90%;word-break:break-word;border:1px solid #dfe7ef;box-shadow:0 2px 8px #0f172a0d}.msg.in{background:var(--bubble-in);margin-right:auto}.msg.out{background:var(--bubble-out);margin-left:auto}.msg .meta{font-size:.72rem;color:#64748b;margin-bottom:5px}.msg img.msg-img{max-width:100%;border-radius:8px;display:block}.form .file{margin-bottom:8px;font-size:.84rem;color:#475569}.form .row{display:flex;gap:8px;align-items:flex-end}.form button{padding:10px 16px;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer}.form button:disabled{opacity:.6;cursor:not-allowed}.ui-version{position:fixed;right:12px;bottom:10px;padding:4px 8px;border-radius:999px;background:#0f172acc;color:#fff;font-size:11px;letter-spacing:.03em;z-index:9999;pointer-events:none}