/**
 * 开云体育 - 移动端精修（Wix 静态导出）
 */
@media screen and (max-width: 751px) {
  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  html,
  body {
    overflow-x: hidden !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #SITE_CONTAINER,
  #site-root,
  #masterPage,
  #PAGES_CONTAINER {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  /* ═══════════════════════════════════════
     顶栏：仅 Logo + 注册按钮（隐藏导航栏）
  ═══════════════════════════════════════ */
  #SITE_HEADER {
    min-width: 0 !important;
    width: 100% !important;
    box-shadow: 0 1px 0 rgba(20, 71, 126, 0.08) !important;
  }

  #comp-jm0ggc9j {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    left: 0 !important;
  }

  #SITE_HEADER .wixui-column-strip > [data-testid="columns"],
  #comp-jm0ggc9j > [data-testid="columns"] {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 10px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #SITE_HEADER .wixui-column-strip__column {
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    left: 0 !important;
  }

  #comp-jm0ggcb7 {
    flex: 0 0 auto !important;
    order: 1 !important;
  }

  #comp-lhgkfxke {
    flex: 0 0 auto !important;
    order: 2 !important;
  }

  /* 隐藏「开云体育首页 / More」导航条 */
  #comp-jm0ghand,
  #comp-jlklj51h {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  #comp-l8a24bm5 {
    width: 128px !important;
    height: auto !important;
    max-width: 46vw !important;
    margin: 0 !important;
    left: 0 !important;
  }

  /* 顶栏注册按钮：规整胶囊，消除圆形色块 */
  #comp-l8fnimu0 {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 36px !important;
    margin: 0 !important;
    left: 0 !important;
    overflow: visible !important;
  }

  #comp-l8fnimu0 .mu5PoX {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    height: 36px !important;
    display: block !important;
  }

  #comp-l8fnimu0 .twJknM,
  #comp-l8fnimu0 a,
  #comp-l8fnimu0 button {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 108px !important;
    max-width: 132px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 8px !important;
    background-color: rgb(9, 12, 37) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 8px rgba(9, 12, 37, 0.25) !important;
    box-sizing: border-box !important;
  }

  #comp-l8fnimu0 .OR4Nv8,
  #comp-l8fnimu0 span {
    color: #fff !important;
    font-size: 13px !important;
  }

  /* ═══════════════════════════════════════
     首页 Hero
  ═══════════════════════════════════════ */
  #comp-lhim77kr {
    min-width: 0 !important;
    width: 100% !important;
    background: linear-gradient(180deg, #b0d5fb 0%, #cae2fb 38%, #edf4fa 100%) !important;
  }

  [data-mesh-id="comp-lhim77krinlineContent-gridContainer"] > [id="comp-lhgjnwmu"],
  [data-mesh-id="comp-lhim77krinlineContent-gridContainer"] > interact-element > [id="comp-lhgjnwmu"] {
    margin: 0 !important;
    left: 0 !important;
    width: 100% !important;
  }

  #comp-lhgjnwmu,
  #comp-lhgjnwn5 {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    left: 0 !important;
  }

  [data-mesh-id="comp-lhgjnwn5inlineContent-gridContainer"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    padding: 8px 20px 24px !important;
    box-sizing: border-box !important;
    gap: 0 !important;
  }

  [data-mesh-id="comp-lhgjnwn5inlineContent-gridContainer"] > [id]:not(#comp-lhgjxifv),
  [data-mesh-id="comp-lhgjnwn5inlineContent-gridContainer"] > interact-element > [id]:not(#comp-lhgjxifv) {
    position: relative !important;
    left: 0 !important;
    margin: 0 0 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-area: unset !important;
  }

  #comp-lhgjtk1f {
    order: 1 !important;
    margin: 0 0 6px !important;
  }

  #comp-lhj1risq {
    order: 2 !important;
    margin: 0 0 14px !important;
  }

  #comp-lhgjtk1i1 {
    order: 3 !important;
    margin: 0 0 18px !important;
    padding: 0 4px !important;
  }

  .kaiyun-promo-text {
    order: 4 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 14px !important;
    padding: 0 14px !important;
    font-size: clamp(13px, 3.5vw, 15px) !important;
    line-height: 1.65 !important;
    text-align: center !important;
    color: #1a1a1a !important;
    font-weight: 500 !important;
    box-sizing: border-box !important;
  }

  #comp-lhgjxifv {
    order: 5 !important;
    position: relative !important;
    left: 0 !important;
    width: min(260px, 88vw) !important;
    max-width: min(260px, 88vw) !important;
    height: 48px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 16px !important;
    align-self: center !important;
    display: block !important;
  }

  #comp-lhgjxifv .mu5PoX {
    position: relative !important;
    inset: auto !important;
    left: 0 !important;
    width: 100% !important;
    height: 48px !important;
    margin: 0 auto !important;
  }

  #comp-lhgjxifv .twJknM,
  #comp-lhgjxifv a {
    left: 0 !important;
    width: 100% !important;
    height: 48px !important;
    margin: 0 auto !important;
    border-radius: 24px !important;
    background-color: rgb(39, 142, 251) !important;
    box-shadow: 0 4px 14px rgba(39, 142, 251, 0.45) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    justify-content: center !important;
  }

  #comp-lhgl7xgs {
    order: 6 !important;
    width: 100% !important;
    max-width: min(320px, 92vw) !important;
    height: auto !important;
    margin: 4px auto 0 !important;
  }

  #comp-lhgl7xgs,
  #comp-lhgl7xgs [data-testid="linkElement"],
  #comp-lhgl7xgs img {
    width: 100% !important;
    max-width: min(320px, 92vw) !important;
    height: auto !important;
    --height: auto !important;
    --width: 100% !important;
  }

  /* Hero 文案 */
  #comp-lhgjtk1f [data-testid="richTextElement"],
  #comp-lhj1risq [data-testid="richTextElement"],
  #comp-lhgjtk1i1 [data-testid="richTextElement"] {
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
  }

  #comp-lhgjtk1f h1,
  #comp-lhgjtk1f .font_0,
  #comp-lhgjtk1f p {
    text-align: center !important;
    color: rgb(9, 12, 37) !important;
    font-size: clamp(28px, 8.5vw, 34px) !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    margin: 0 !important;
  }

  #comp-lhj1risq p,
  #comp-lhj1risq .font_2,
  #comp-lhj1risq span {
    text-align: center !important;
    color: rgb(20, 71, 126) !important;
    font-size: clamp(11px, 3.2vw, 13px) !important;
    line-height: 1.35 !important;
    letter-spacing: 0.06em !important;
    font-weight: 600 !important;
    margin: 0 !important;
  }

  #comp-lhgjtk1i1 p,
  #comp-lhgjtk1i1 .font_7,
  #comp-lhgjtk1i1 span,
  #comp-lhgjtk1i1 li {
    text-align: center !important;
    color: rgb(45, 55, 72) !important;
    font-size: clamp(14px, 3.8vw, 16px) !important;
    line-height: 1.65 !important;
    margin: 0 auto !important;
    max-width: 34em !important;
  }

  #comp-lhgjxifv .OR4Nv8 {
    color: #fff !important;
    font-size: 16px !important;
  }

  /* ═══════════════════════════════════════
     正文区多列（不含合作伙伴条 #comp-lhh7onxz）
  ═══════════════════════════════════════ */
  #PAGES_CONTAINER .wixui-column-strip:not(#comp-lhh7onxz) > [data-testid="columns"] {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  #PAGES_CONTAINER .wixui-column-strip:not(#comp-lhh7onxz) .wixui-column-strip__column {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    left: 0 !important;
  }

  [data-mesh-id*="gridContainer"] > [id],
  [data-mesh-id*="gridContainer"] > interact-element > [id] {
    margin-left: 0 !important;
    max-width: 100% !important;
  }

  [id^="comp-"] {
    min-width: 0 !important;
  }

  img,
  picture,
  video {
    max-width: 100% !important;
    height: auto !important;
  }

  [data-testid="richTextElement"] {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  .RiOfiW {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* ═══════════════════════════════════════
     合作伙伴区：金字塔布局（上 2 下 3）
  ═══════════════════════════════════════ */
  #comp-lhim77kr1 {
    padding: 0 10px 24px !important;
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }

  [data-mesh-id="comp-lhim77kr1inlineContent-gridContainer"] {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    padding: 12px 8px 14px !important;
    background: rgb(250, 250, 250) !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
    box-sizing: border-box !important;
  }

  [data-mesh-id="comp-lhim77kr1inlineContent-gridContainer"] > [id="comp-li456j2w"],
  [data-mesh-id="comp-lhim77kr1inlineContent-gridContainer"] > [id="comp-lhh7onxz"],
  [data-mesh-id="comp-lhim77kr1inlineContent-gridContainer"] > interact-element > [id="comp-li456j2w"],
  [data-mesh-id="comp-lhim77kr1inlineContent-gridContainer"] > interact-element > [id="comp-lhh7onxz"] {
    margin: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-area: unset !important;
  }

  /* 空占位白盒隐藏，由外层容器统一做卡片底 */
  #comp-li456j2w {
    display: none !important;
  }

  #comp-lhh7onxz {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /*
   * 金字塔：6 列网格，上 2 下 3（宽度按屏宽自适应，避免右侧裁切）
   */
  body.device-mobile-optimized #comp-lhh7onxz > [data-testid="columns"],
  body.device-mobile-optimized #comp-lhh7onxz > .Ak0vpt,
  body.device-mobile-optimized #comp-lhh7onxz > .kaiyun-partners-pyramid,
  #comp-lhh7onxz > [data-testid="columns"],
  #comp-lhh7onxz > .Ak0vpt,
  #comp-lhh7onxz > .kaiyun-partners-pyramid {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-template-rows: auto auto !important;
    column-gap: 4px !important;
    row-gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.device-mobile-optimized #comp-lhh7onxz > [data-testid="columns"] > *,
  #comp-lhh7onxz > [data-testid="columns"] > *,
  #comp-lhh7onxz .wixui-column-strip__column {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    margin: 0 !important;
    left: 0 !important;
    top: 0 !important;
    position: relative !important;
    padding: 6px 2px !important;
    box-sizing: border-box !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.55) !important;
    overflow: hidden !important;
  }

  /* 上排 2 个（居中） */
  #comp-lhh7oo19 {
    grid-column: 2 / 4 !important;
    grid-row: 1 !important;
  }

  #comp-lhh7oo1t2 {
    grid-column: 4 / 6 !important;
    grid-row: 1 !important;
  }

  /* 下排 3 个 */
  #comp-lhh7oo21 {
    grid-column: 1 / 3 !important;
    grid-row: 2 !important;
  }

  #comp-lhh7oo29 {
    grid-column: 3 / 5 !important;
    grid-row: 2 !important;
  }

  #comp-lhh7oo2g {
    grid-column: 5 / 7 !important;
    grid-row: 2 !important;
  }

  /* 每个格子内：Logo 与文字垂直居中堆叠（清除 Wix left:23~29px 偏移） */
  #comp-lhh7onxz .wixui-column-strip__column [data-mesh-id*="inlineContent-gridContainer"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 0 !important;
  }

  #comp-lhh7onxz .wH18kY,
  #comp-lhh7onxz .wixui-column-strip__column > [data-mesh-id*="inlineContent"] > [data-mesh-id*="gridContainer"] > .wH18kY,
  #comp-lhh7onxz [data-mesh-id*="inlineContent-gridContainer"] > .wH18kY,
  #comp-lhh7onxz [data-mesh-id*="inlineContent-gridContainer"] > [id^="comp-lhh7oo"] {
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
  }

  #comp-lhh7onxz .wH18kY [data-mesh-id*="inlineContent-gridContainer"],
  #comp-lhh7onxz [id^="comp-lhh7oo"][class*="wH18kY"] [data-mesh-id*="inlineContent-gridContainer"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    position: static !important;
  }

  #comp-lhh7onxz .wH18kY [data-mesh-id*="inlineContent-gridContainer"] > *,
  #comp-lhh7onxz [data-mesh-id*="inlineContent-gridContainer"] > interact-element > *,
  #comp-lhh7onxz [data-mesh-id*="inlineContent-gridContainer"] > [id],
  #comp-lhh7onxz [data-mesh-id*="inlineContent-gridContainer"] > interact-element > [id] {
    position: relative !important;
    left: 0 !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 4px !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-self: center !important;
    align-self: center !important;
    grid-area: unset !important;
  }

  #comp-lhh7onxz .wixui-image,
  #comp-lhh7onxz .W4V2qg {
    width: min(56px, 20vw) !important;
    height: min(56px, 20vw) !important;
    margin: 0 auto 4px !important;
    display: block !important;
    left: 0 !important;
  }

  #comp-lhh7onxz .wixui-image .apPOZK,
  #comp-lhh7onxz .wixui-image img {
    width: min(56px, 20vw) !important;
    height: min(56px, 20vw) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    display: block !important;
    object-fit: contain !important;
  }

  #comp-lhh7onxz .wixui-rich-text,
  #comp-lhh7onxz .N8MGzv,
  #comp-lhh7onxz [data-testid="richTextElement"] {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
  }

  #comp-lhh7onxz [data-testid="richTextElement"] p,
  #comp-lhh7onxz [data-testid="richTextElement"] span {
    font-size: clamp(9px, 2.6vw, 11px) !important;
    line-height: 1.35 !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
  }
}