:root{--ink:#0b1934;--muted:#71809a;--line:#dce5f0;--soft:#f3f7fb;--blue:#0768e5;--blue2:#e8f2ff;--red:#e83e46;--radius:14px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff}button,input,textarea{font:inherit}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:34px}.brand{font-size:28px;font-weight:800;color:var(--blue);letter-spacing:-1px}.connection{display:flex;align-items:center;gap:10px}.connection i{width:10px;height:10px;border-radius:50%;background:#f4a52d;box-shadow:0 0 0 4px #fff2dc}.connection i.on{background:#20b84b;box-shadow:0 0 0 4px #e0f7e6}.connection i.off{background:var(--red);box-shadow:0 0 0 4px #fee9ea}.connection strong,.connection span{display:block}.connection strong{font-size:14px}.connection span{font-size:12px;color:var(--muted);margin-top:2px}.clear{margin-left:auto;background:#fff;border:1px solid #ffadb1;color:var(--red);padding:9px 14px;border-radius:10px;cursor:pointer}.workspace{display:grid;grid-template-columns:390px 1fr;min-height:calc(100vh - 76px)}.composer{padding:28px 24px;border-right:1px solid var(--line);background:linear-gradient(90deg,#fafcff,#fff)}h1,h2{margin:0;font-size:22px}.tabs{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;background:var(--soft);padding:4px;border-radius:11px}.tab{border:0;background:transparent;color:var(--muted);font-weight:700;padding:10px;border-radius:8px;cursor:pointer}.tab.active{background:#fff;color:var(--blue);box-shadow:0 2px 8px #173e6812}.panel{position:relative;margin-top:14px}.panel textarea{width:100%;height:180px;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:15px 15px 34px;outline:none;line-height:1.6}.panel textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue2)}.count{position:absolute;right:12px;bottom:10px;color:var(--muted);font-size:12px}.dropzone{width:100%;margin-top:14px;min-height:118px;border:1.5px dashed #b7c8dd;background:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--ink);cursor:pointer}.dropzone.drag{background:var(--blue2);border-color:var(--blue)}.dropzone small{color:var(--muted)}.uploadIcon{font-size:24px;color:var(--blue)}.send{width:100%;border:0;border-radius:10px;background:var(--blue);color:#fff;font-weight:700;padding:12px;margin-top:14px;cursor:pointer;box-shadow:0 7px 18px #0768e52e}.send:hover{background:#005ac9}.send:disabled{opacity:.55;cursor:wait}.notice{min-height:20px;font-size:13px;color:#248848;margin:10px 0 0}.notice.error{color:var(--red)}.preview{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:10px;position:relative}.preview img{display:block;width:100%;max-height:190px;object-fit:contain;border-radius:8px;background:var(--soft)}.preview .filePreview{padding:18px;font-weight:700}.remove{position:absolute;right:16px;top:16px;border:0;border-radius:50%;width:28px;height:28px;background:#1b2940;color:#fff;cursor:pointer}.hidden{display:none!important}.history{padding:30px 34px;min-width:0}.historyHead{display:flex;align-items:center;justify-content:space-between}.historyHead span{color:var(--muted);font-size:13px}.timeline{margin-top:24px;position:relative}.timeline:before{content:"";position:absolute;left:105px;top:8px;bottom:8px;width:1px;background:var(--line)}.item{display:grid;grid-template-columns:86px 1fr;gap:38px;position:relative;margin-bottom:18px}.item:before{content:"";position:absolute;left:100px;top:12px;width:11px;height:11px;border-radius:50%;background:#c8d8eb;border:3px solid #fff}.when{text-align:right;color:var(--muted);font-size:13px;line-height:1.45}.event{min-width:0}.source{color:var(--blue);font-size:13px;font-weight:700;margin-bottom:8px}.bubble{background:var(--soft);border-radius:12px;padding:14px 16px;white-space:pre-wrap;line-height:1.55}.fileCard{display:flex;align-items:center;gap:14px}.thumb{width:126px;height:88px;object-fit:cover;border-radius:9px;background:#dfe8f2}.pdf{width:58px;height:70px;border-radius:8px;background:#ef3942;color:#fff;display:grid;place-items:center;font-weight:800}.fileMeta{min-width:0}.fileName{font-weight:700;overflow-wrap:anywhere}.meta{color:var(--muted);font-size:12px;margin:5px 0}.download{color:var(--blue);text-decoration:none;font-weight:700;font-size:13px}.empty{padding:80px 20px;text-align:center;color:var(--muted)}.overlay{position:fixed;inset:0;background:#0b193477;display:grid;place-items:center;padding:20px;z-index:10}.modal{width:min(390px,100%);background:#fff;border-radius:18px;padding:28px;box-shadow:0 24px 70px #07152b3d}.modal .mark{width:46px;height:46px;background:var(--blue);color:#fff;border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:21px;margin-bottom:18px}.modal p{color:var(--muted);line-height:1.6}.modal label{display:block;font-size:13px;font-weight:700;margin:20px 0 8px}.modal input{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;outline:none}.modal input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue2)}.modalActions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.secondary,.danger{border:0;border-radius:9px;padding:10px 16px;font-weight:700;cursor:pointer}.secondary{background:var(--soft);color:var(--ink)}.danger{background:var(--red);color:#fff}@media(max-width:820px){.topbar{height:66px;padding:0 16px}.brand{font-size:23px}.connection span{display:none}.clear{font-size:13px}.workspace{display:block}.composer{border-right:0;border-bottom:1px solid var(--line);padding:22px 16px}.panel textarea{height:130px}.history{padding:24px 16px}.timeline:before{left:53px}.item{grid-template-columns:40px 1fr;gap:27px}.item:before{left:48px}.when{font-size:11px}.fileCard{align-items:flex-start}.thumb{width:88px;height:72px}}@media(prefers-reduced-motion:no-preference){.item{animation:in .25s ease-out}@keyframes in{from{opacity:0;transform:translateY(7px)}}}