/* vipkei.com 手机在线留言专用样式
 * source: templets/default/index_liuyan_m.htm
 * version: 20260612-p1s5-message
 */

body.m-inquiry-page-template .m-message-content > .vk-msg {
      width: 100%;
      max-width: none;
      margin: 0;
      padding: 0;
      color: #555555;
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg .vk-wrap {
      width: 100%;
      margin: 0;
      padding: 18px 16px;
      border: 1px solid #E1E8EC;
      border-radius: 3px;
      background: #FFFFFF;
      box-shadow: 0 3px 12px rgba(20, 48, 74, .045);
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg .vk-head {
      margin: 0 0 17px;
      padding: 0 0 15px;
      border-bottom: 1px solid #E5EBEE;
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg .vk-title {
      position: relative;
      margin: 0;
      padding: 0 0 0 13px;
      color: #2B2B2B;
      font-size: 22px;
      line-height: 1.42;
      font-weight: 700;
      text-align: left;
      letter-spacing: normal;
      overflow-wrap: anywhere;
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg .vk-title::before {
      position: absolute;
      top: .16em;
      bottom: .16em;
      left: 0;
      width: 4px;
      border-radius: 1px;
      background: #30B7EF;
      content: "";
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg .vk-desc {
      margin: 10px 0 0;
      padding: 0;
      color: #555555;
      font-size: 15px;
      line-height: 1.75;
      text-align: left;
      letter-spacing: normal;
      word-spacing: normal;
      overflow-wrap: anywhere;
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg form {
      width: 100%;
      margin: 0;
      padding: 0;
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg .vk-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 14px;
      width: 100%;
      margin: 0;
      padding: 0;
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg .vk-field,
    body.m-inquiry-page-template .m-message-content > .vk-msg .vk-span-2,
    body.m-inquiry-page-template .m-message-content > .vk-msg .vk-hint {
      grid-column: auto;
      min-width: 0;
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg .vk-field {
      display: grid;
      gap: 7px;
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg label {
      margin: 0;
      padding: 0;
      color: #46515A;
      font-size: 14px;
      line-height: 1.5;
      font-weight: 600;
      text-align: left;
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg input,
    body.m-inquiry-page-template .m-message-content > .vk-msg textarea {
      display: block;
      width: 100%;
      min-width: 0;
      margin: 0;
      padding: 11px 12px;
      border: 1px solid #CDD8DE;
      border-radius: 3px;
      background: #FFFFFF;
      color: #2F3539;
      font-family: inherit;
      font-size: 16px;
      line-height: 1.5;
      outline: none;
      appearance: none;
      -webkit-appearance: none;
      transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg input {
      min-height: 46px;
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg textarea {
      min-height: 160px;
      resize: vertical;
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg input:focus,
    body.m-inquiry-page-template .m-message-content > .vk-msg textarea:focus {
      border-color: #30B7EF;
      box-shadow: 0 0 0 3px rgba(48, 183, 239, .12);
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg input[aria-invalid="true"],
    body.m-inquiry-page-template .m-message-content > .vk-msg textarea[aria-invalid="true"] {
      border-color: #D94A3A;
      background: #FFFDFC;
      box-shadow: 0 0 0 3px rgba(217, 74, 58, .08);
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg .vk-textarea-meta {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      min-height: 20px;
      margin: -2px 0 0;
      color: #7A858C;
      font-size: 12px;
      line-height: 1.5;
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg .vk-actions {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 12px;
      width: 100%;
      margin: 2px 0 0;
      padding: 15px 0 0;
      border-top: 1px solid #E5EBEE;
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg .vk-privacy {
      width: 100%;
      margin: 0;
      color: #667178;
      font-size: 13px;
      line-height: 1.7;
      text-align: left;
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg .vk-btns {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      width: 100%;
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg .vk-btn {
      display: inline-flex;
      width: 100%;
      min-width: 0;
      min-height: 44px;
      align-items: center;
      justify-content: center;
      margin: 0;
      padding: 10px 12px;
      border: 1px solid #CBD6DC;
      border-radius: 3px;
      background: #FFFFFF;
      color: #46515A;
      font-family: inherit;
      font-size: 15px;
      line-height: 1.2;
      font-weight: 700;
      text-align: center;
      cursor: pointer;
      touch-action: manipulation;
      transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg .vk-btn:active,
    body.m-inquiry-page-template .m-message-content > .vk-msg .vk-btn:focus-visible {
      border-color: #AEBEC7;
      background: #F5F8FA;
      box-shadow: 0 3px 10px rgba(20, 48, 74, .07);
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg .vk-btn.primary {
      border-color: #30B7EF;
      background: #30B7EF;
      color: #FFFFFF;
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg .vk-btn.primary:active,
    body.m-inquiry-page-template .m-message-content > .vk-msg .vk-btn.primary:focus-visible {
      border-color: #168FBD;
      background: #168FBD;
      color: #FFFFFF;
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg .vk-btn[disabled] {
      cursor: wait;
      opacity: .72;
    }

    body.m-inquiry-page-template .m-message-content > .vk-msg .vk-hint {
      margin: 0;
      padding: 11px 12px;
      border: 1px solid #E1E8EC;
      border-radius: 3px;
      background: #F6F9FA;
      color: #667178;
      font-size: 13px;
      line-height: 1.7;
      text-align: left;
    }

    @media (max-width: 380px) {
      body.m-inquiry-page-template .m-message-content > .vk-msg .vk-wrap {
        padding: 16px 13px;
      }

      body.m-inquiry-page-template .m-message-content > .vk-msg .vk-title {
        font-size: 21px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      body.m-inquiry-page-template .m-message-content > .vk-msg input,
      body.m-inquiry-page-template .m-message-content > .vk-msg textarea,
      body.m-inquiry-page-template .m-message-content > .vk-msg .vk-btn {
        transition: none;
      }
    }