.qgc{max-width:880px;margin:18px auto 32px;background:#fff;border:1px solid #dce6ef;border-radius:24px;box-shadow:0 18px 55px #123b5712;overflow:hidden;color:#153c55;isolation:isolate}
.qgc *{box-sizing:border-box}.qgc-head{display:flex;align-items:center;gap:14px;padding:22px;background:linear-gradient(110deg,#0b5980,#123a60);color:white}.qgc-head h2{font-size:1.2rem;margin:0;color:inherit}.qgc-head p{margin:6px 0 0;font-size:.8rem;opacity:.85}.qgc-icon{width:48px;height:48px;display:grid;place-items:center;background:#ffffff19;border:1px solid #ffffff35;border-radius:15px;flex-shrink:0}.qgc svg{width:24px;height:24px}.qgc-back{margin-inline-start:auto;color:white!important;white-space:nowrap;font-size:.82rem}.qgc-notice{padding:14px 22px;background:#edf7f8;color:#376573;font-size:.82rem;line-height:1.9;border-bottom:1px solid #e4edf2}.qgc-log{height:360px;height:clamp(260px,44dvh,520px);overflow:auto;padding:22px;display:flex;flex-direction:column;gap:14px;overscroll-behavior:contain;background:#f7f9fc}.qgc-empty{margin:auto;text-align:center;line-height:2;color:#577080}.qgc-empty small{font-size:.8rem}.qgc-message{background:white;border:1px solid #dce6ef;border-radius:16px 16px 16px 4px;max-width:85%;width:fit-content;padding:12px 15px;align-self:flex-end;min-width:85px;flex-shrink:0;overflow-wrap:anywhere}.qgc-message.is-mine{background:#e9f5f4;border-color:#c8e4df;border-radius:16px 16px 4px 16px;align-self:flex-start}.qgc-message p{white-space:pre-wrap;margin:0 0 5px;line-height:1.8;font-size:.94rem}.qgc-message small{font-size:.7rem;color:#607f90}.qgc-message audio,.qgc-message video,.qgc-message img{max-width:100%;display:block;margin:8px 0;max-height:300px}.qgc-message audio{width:260px}.qgc-file{display:block;line-height:1.8}.qgc-status{font-size:.8rem;margin:0;padding:8px 22px;min-height:30px;color:#855c18}.qgc-compose{padding:4px 22px 20px}.qgc-name,.qgc-input{display:block;font-size:.85rem;font-weight:700;margin:0 0 12px}.qgc-name span{font-weight:400;color:#657e8e}.qgc-name input,.qgc-input textarea{width:100%;display:block;margin-top:7px;border:1px solid #cedce7;border-radius:12px;background:#f7f9fc;padding:12px;color:#153c55;font:inherit}.qgc-name input{max-width:320px}.qgc-input textarea{resize:vertical;min-height:88px;max-height:240px}.qgc input:focus,.qgc textarea:focus{outline:2px solid #199b9d;outline-offset:2px}.qgc-send-row{display:flex;gap:14px;align-items:center;justify-content:space-between}.qgc-send-row small{font-size:.73rem;color:#647c8a}.qgc-send-row button{display:flex;align-items:center;justify-content:center;gap:10px;background:#0a5980;color:white;border:0;border-radius:12px;padding:12px 23px;font:inherit;min-height:46px;cursor:pointer}.qgc-send-row button:disabled{opacity:.5;cursor:default}.qgc-send-row button:focus-visible,.qgc-back:focus-visible{outline:3px solid #ffa329;outline-offset:3px}
@media(max-width:600px){.qgc{margin:8px auto 20px;border-radius:18px;max-width:100%}.qgc-head{padding:16px 12px;gap:10px;flex-wrap:wrap}.qgc-head h2{font-size:1rem}.qgc-back{font-size:.72rem}.qgc-icon{width:38px;height:38px}.qgc-notice{padding:10px 14px;font-size:.76rem}.qgc-log{padding:14px;height:clamp(250px,38dvh,420px)}.qgc-message{max-width:92%;padding:10px 12px}.qgc-compose{padding:4px 14px 16px}.qgc-status{padding:7px 14px}.qgc-send-row small{max-width:60%;line-height:1.7}.qgc-send-row button{padding:11px 18px}.qgc-message audio{width:220px}}