/* Emergency visual alignment for 1688overseas mobile buyer/seller fronts. */
:root {
  --brand-blue: #1552f0;
  --brand-blue-2: #0b43d9;
  --brand-red: #ff2f55;
  --text-main: #111827;
  --text-soft: #6b7280;
  --line-soft: #e5e7eb;
  --page-bg: #f5f7fb;
}

html,
body {
  background: var(--page-bg) !important;
  color: var(--text-main);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "Microsoft YaHei", sans-serif !important;
}

img[src*="/platform-logo/logo"] {
  display: block;
  object-fit: contain;
}

@media (max-width: 768px) {
  body {
    margin: 0 !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  #app {
    min-height: 100vh;
    background: var(--page-bg);
  }

  header,
  [class*="header"],
  [class*="Header"],
  [class*="navbar"],
  [class*="nav-bar"],
  [class*="topBar"],
  [class*="top-bar"] {
    letter-spacing: 0 !important;
  }

  [class*="logo"] img,
  [class*="brand"] img,
  [class*="header"] img[src*="/platform-logo/logo"] {
    max-height: 34px !important;
    max-width: 178px !important;
  }

  button,
  a,
  input,
  textarea,
  select {
    font-family: inherit !important;
    letter-spacing: 0 !important;
  }

  button,
  [role="button"],
  .van-button,
  [class*="button"],
  [class*="Button"],
  [class*="btn"],
  [class*="Btn"] {
    border-radius: 8px !important;
    font-weight: 600;
  }

  .van-button--primary,
  [class*="primary"],
  [class*="submit"],
  [class*="buy"],
  [class*="Buy"] {
    background: var(--brand-blue) !important;
    border-color: var(--brand-blue) !important;
  }

  [class*="cart"],
  [class*="Cart"],
  [class*="collect"],
  [class*="favorite"],
  [class*="Favorite"] {
    border-radius: 8px !important;
  }

  [class*="goods"],
  [class*="Goods"],
  [class*="product"],
  [class*="Product"],
  [class*="commodity"],
  [class*="Commodity"] {
    box-sizing: border-box;
  }

  [class*="goods"] img,
  [class*="Goods"] img,
  [class*="product"] img,
  [class*="Product"] img,
  [class*="commodity"] img,
  [class*="Commodity"] img {
    border-radius: 8px;
    background: #fff;
    object-fit: cover;
  }

  [class*="card"],
  [class*="Card"],
  .van-cell,
  .van-grid-item__content {
    border-radius: 8px !important;
  }

  [class*="price"],
  [class*="Price"],
  [class*="money"],
  [class*="Money"] {
    color: var(--brand-red);
    font-weight: 700;
  }

  [class*="tabbar"],
  [class*="Tabbar"],
  .van-tabbar {
    border-top: 1px solid var(--line-soft) !important;
    box-shadow: 0 -4px 18px rgba(15, 23, 42, .06) !important;
  }

  [class*="tabbar"] img,
  [class*="Tabbar"] img,
  .van-tabbar img {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
  }

  [class*="mine"],
  [class*="Mine"],
  [class*="user"],
  [class*="User"],
  [class*="profile"],
  [class*="Profile"] {
    letter-spacing: 0 !important;
  }

  [class*="menu"] img,
  [class*="Menu"] img,
  [class*="grid"] img,
  [class*="Grid"] img {
    width: 26px !important;
    height: 26px !important;
    object-fit: contain !important;
  }

  [class*="menu"] span,
  [class*="Menu"] span,
  [class*="grid"] span,
  [class*="Grid"] span,
  .van-grid-item__text {
    font-size: 13px !important;
    line-height: 18px !important;
    color: var(--text-main) !important;
  }

  .tk-chat-modal.is-show {
    background: rgba(15, 23, 42, .28) !important;
  }

  .tk-chat-window {
    width: calc(100vw - 24px) !important;
    height: calc(100vh - 88px) !important;
    left: 12px !important;
    right: 12px !important;
    top: 44px !important;
    bottom: auto !important;
    border-radius: 10px !important;
  }

  .tk-chat-close {
    top: 8px !important;
    right: 8px !important;
  }
}

@media (min-width: 769px) {
  .tk-chat-window {
    border-radius: 10px !important;
  }
}