@media (max-width: 600px) {
  :root {
    --brand: #0a7b58;
    --brand-deep: #075e44;
    --brand-light: #1f9b74;
    --radius-bubble: 12px;
  }

  body {
    background: #edf1ef;
  }

  body::before,
  body::after {
    opacity: 0.01 !important;
    animation: none !important;
  }

  .chat-app {
    background: #f1f5f3;
  }

  .chat-header {
    background: linear-gradient(160deg, #0a7b58 0%, #075d43 100%);
    box-shadow: 0 2px 8px rgba(6, 55, 40, 0.16);
  }

  .chat-header::before,
  .chat-header::after {
    display: none;
  }

  .chat-log {
    background: #eef3f1;
    gap: 12px;
  }

  .welcome-hint {
    background: #f8fcfa;
    border: 1px solid rgba(10, 123, 88, 0.16);
    box-shadow: none;
  }

  .msg.msg-bot .bubble-bot {
    background: #ffffff;
    border: 1px solid rgba(20, 60, 47, 0.1);
    box-shadow: 0 2px 8px rgba(8, 57, 42, 0.08);
  }

  .msg.msg-user .bubble-user {
    background: linear-gradient(160deg, #0e8c63 0%, #0a7b58 100%);
    box-shadow: 0 3px 10px rgba(6, 86, 61, 0.18);
  }

  .avatar-bot-mark,
  .avatar-user {
    box-shadow: 0 2px 8px rgba(7, 74, 53, 0.16);
  }

  .chat-footer {
    background: #eaf0ed;
  }

  .chat-footer::before {
    display: none;
  }

  .chat-footer-inner {
    background: #ffffff;
    border: 1px solid rgba(20, 60, 47, 0.12);
    box-shadow: 0 3px 10px rgba(8, 57, 42, 0.09);
    border-radius: 16px;
  }

  .chat-footer textarea {
    border-radius: 10px;
    border: 1px solid rgba(10, 123, 88, 0.2);
  }

  .chat-footer-inner .upload-btn,
  .chat-footer-inner .voice-btn {
    background: #f8fcfa;
    border: 1px solid rgba(10, 123, 88, 0.25);
    box-shadow: none;
  }

  .chat-footer-inner .send-btn {
    background: linear-gradient(160deg, #118b63 0%, #0b7353 100%);
    box-shadow: 0 2px 8px rgba(6, 86, 61, 0.2);
  }

  .jump-latest-host .jump-latest-btn {
    box-shadow: 0 2px 8px rgba(8, 57, 42, 0.12);
  }
}