.chat{box-sizing:border-box;height:100%;min-height:0;padding:32px 16px 24px}.App-M .chat-area{padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(60px + env(safe-area-inset-bottom)) env(safe-area-inset-left);min-height:0}.App-M .chat{padding:0}.chat-area{box-sizing:border-box;flex-direction:column;width:100%;min-width:800px;max-width:1160px;height:100%;min-height:500px;margin:0 auto;display:flex}.chat-heading{margin-bottom:18px}.chat-box{border:1px solid var(--line);border-radius:var(--radius-lg);background-color:var(--surface);height:100%;min-height:0;box-shadow:var(--shadow-lg);display:flex;overflow:hidden}.chat-side{overflow-wrap:anywhere;border-right:1px solid var(--line);background:#fbfcfd;flex-shrink:0;width:320px;overflow-y:auto}.App-M .chat-box{box-shadow:none;border:0;border-radius:0}
@media (max-width:800px){.chat-side{border-right:0;width:100%}.chat-area{min-width:0}.chat-close-chat{border-bottom:1px solid var(--line);background-color:var(--surface);color:var(--primary);cursor:pointer;align-items:center;gap:10px;padding:14px 16px;font-weight:600;display:flex}div.chat-body,.chat-inside .chat-side{display:none}.chat-inside .chat-body{display:flex}}
.chat-body{background-color:#f4f7fa;flex-direction:column;flex:1;min-width:0;display:flex}.chat-footer{border-top:1px solid var(--line);background:var(--surface);align-items:flex-end;gap:6px;padding:10px 12px;display:flex}.chat-footer button{font-size:15px;display:block}.chat-special{position:relative}.chat-special button{width:40px;height:40px;color:var(--muted);background-color:#0000;border-radius:10px;padding:0}.chat-special button:hover{color:var(--ink);background-color:#eef3f7}.chat-footer>div:last-child button{border-radius:10px;height:40px;padding:0 18px}.chat-footer-buttons{justify-content:center;gap:10px;display:flex}.chat-footer-prompt{text-align:center;flex-direction:column;margin:0 auto;padding:6px 0;display:flex}.chat-footer-info{color:var(--muted);margin:0 0 10px;font-size:14px}.chat-footer-buttons button{border-radius:10px;padding:9px 20px}.chat-footer-accept{background-color:var(--success)}.chat-footer-accept:hover{background-color:#15603b}.chat-footer-block,.chat-special-popup button{background-color:var(--danger)}.chat-footer-block:hover,.chat-special-popup button:hover{background-color:#96190f}.chat-special-popup{z-index:10;border:1px solid var(--line);background-color:var(--surface);width:140px;box-shadow:var(--shadow-lg);border-radius:12px;padding:8px;position:absolute;bottom:calc(100% + 8px);left:0}.chat-special-popup .chat-special-block{color:#fff;width:100%;height:auto;padding:9px}.chat-special-popup-close{text-align:right;color:var(--muted-soft);cursor:pointer;margin:0 2px 6px}.chat-special-popup-close svg:hover{color:var(--ink)}
.chat-input{flex:1;min-width:0}.chat-input textarea{background:var(--surface-tint);border-radius:10px;margin:0;padding:10px 12px;font-size:15px;display:block;overflow:hidden}