/**
 * 本地镜像的窄范围响应式修正。
 *
 * 移动端 footer 的社交平台入口已按当前站点需求删除。这里只退出移动 footer 的社交图标行，
 * Logo、法律条款和版权信息继续保留；桌面 footer 使用另一套结构，不受该规则影响。
 */

/**
 * 首页品牌定制区域。
 *
 * 右侧联系方式栏和左下角官网商店推广属于原站运营入口，不属于当前本地站点。通过高优先级样式
 * 在 Vue 首屏渲染完成前后都保持隐藏，避免直接移除框架管理的节点后引发语言切换时的 DOM 状态错位。
 */
.first_screen .right_share,
.home .left_bottom_approve_btn,
.header .nav_con_m .share_platform_con_m {
  display: none !important;
}

/**
 * 当前交付固定为英文，PC 页头、移动页头和独立悬浮语言组件统一退出布局。
 * JS 同时补充 aria-hidden 与 inert，样式负责阻止 Vue 首帧到适配脚本执行之间出现语言入口闪烁。
 */
.lang_switch_con,
.header .lang_switch_con {
  display: none !important;
}

/**
 * 首页导航和主标语需要跨越明暗不均的游戏背景，统一使用暖金字面配深蓝描边/阴影提升可读性。
 * 移动端抽屉背景较浅，单独回到深蓝字面，避免沿用桌面描边造成视觉发脏。
 */
.header .nav_con .nav_item,
.header .nav_con .shu {
  color: #ffe27a !important;
  text-shadow: 0 2px 3px rgb(11 31 62 / 88%), 0 0 1px rgb(11 31 62 / 96%);
  -webkit-text-stroke: 0.45px rgb(11 31 62 / 78%);
}

.header .nav_con .nav_item.active,
.header .nav_con .nav_item:hover,
.header .nav_con .shu.active,
.header .nav_con .shu:hover {
  color: #fff3ae !important;
}

.header .nav_con_m .nav_item_m {
  color: #213b66 !important;
  text-shadow: none;
  -webkit-text-stroke: 0;
}

.first_screen .home_slogan {
  color: #ffed9b !important;
  top: 58% !important;
  text-shadow: 0 3px 5px rgb(8 26 56 / 86%), 0 0 2px rgb(8 26 56 / 96%);
  -webkit-text-stroke: 1.1px rgb(8 26 56 / 88%);
}

/**
 * 首页新闻只展示公告入口和首批四条公告。
 *
 * 本地新闻适配层已把首页每页四条的请求限定为公告类型；这里移除“最新”“更多”和翻页控件，
 * 避免界面暗示仍可切换分类或读取后续分页。公告页签保留原有左对齐位置，四行标题尺寸不变。
 */
.news_con .right_con .news_type_con .type_item:first-child,
.news_con .right_con .news_type_con .type_item:last-child,
.news_con .right_con .page_con {
  display: none !important;
}

.news_con .right_con .news_type_con .type_item:nth-child(2) {
  color: #ffe17a !important;
  margin-right: 0;
  text-shadow: 0 2px 3px rgb(20 36 68 / 72%), 0 0 1px rgb(20 36 68 / 88%);
}

/**
 * 新闻首页使用高亮度粉蓝背景，原近白色文字在浅色区域对比不足。
 * 主标题、分类和列表按深靛蓝建立层级，并同步调整图标与分隔线；只改变颜色，不影响现有尺寸和排版。
 */
.news_con .right_con .news_title,
.news_con .news_title_m {
  color: #fff3b0 !important;
  text-shadow: 0 2px 4px rgb(20 36 68 / 76%), 0 0 1px rgb(20 36 68 / 92%);
}

.news_con .right_con .news_title .icon,
.news_con .news_title_m .icon {
  filter: brightness(0) saturate(100%) invert(92%) sepia(44%) saturate(804%)
    hue-rotate(331deg) brightness(108%) contrast(102%) drop-shadow(0 2px 2px rgb(20 36 68 / 62%));
}

.news_con .right_con .news_list .news_item {
  border-bottom-color: rgb(255 239 180 / 58%) !important;
  color: #fff8e8 !important;
  text-shadow: 0 2px 3px rgb(20 36 68 / 78%), 0 0 1px rgb(20 36 68 / 92%);
}

.news_con .right_con .news_list .news_item:hover {
  color: #ffdf62 !important;
}

/**
 * 新闻详情页保留 News 包屑文字作为层级说明，但禁止鼠标命中并移除手型光标。
 * JS 捕获层还会阻断程序化 click，避免仅依赖样式形成可绕过的导航行为。
 */
.news_detail .top > .nav_item[data-local-disabled-news-breadcrumb="true"] {
  cursor: default !important;
  pointer-events: none;
}

/**
 * 英雄预览仅保留英雄名称、模型和切换头像。
 *
 * PC 隐藏两个属性图标，保留中间分隔线和第一个技能图标；第二个及后续技能图标退出显示。
 * 移动端使用独立图标容器，沿用同一展示规则。保留外层描述区域尺寸，避免切换英雄时模型和名称
 * 发生位置跳动。
 */
.role_con .role_desc_con .role_name_con,
.role_con .role_desc_con_m .property_con_m,
.role_con .role_desc_con .skill_con .skill_icon:not(:first-child),
.role_con .role_desc_con_m .skill_con_m .skill_icon_m:not(:first-child) {
  display: none !important;
}

/**
 * 游戏特色轮播已更换为 378x672 的 9:16 长图。
 *
 * PC 以可用视口高度限制图片尺寸，确保整张图完整进入首屏；移动端优先使用页面宽度，短屏时按
 * 高度继续收缩。轮播外层与图片保持同宽，使左右箭头始终贴近图片两侧而不是停留在旧宽图边界。
 */
.feature_con .main_content .feature_swiper_wraper {
  width: min(36vh, 378px, calc(100vw - 180px)) !important;
}

.feature_con .main_content .feature_swiper_wraper .swiperContainer,
.feature_con .main_content .feature_swiper_wraper .swiperContainer .swiper-slide .swiper_img {
  width: 100% !important;
}

.feature_con .main_content .feature_swiper_wraper .swiperContainer .swiper-slide .swiper_img {
  aspect-ratio: 9 / 16;
  display: block;
  height: auto !important;
  object-fit: contain;
}

.feature_swiper_wraper .feature_swiper_pagination {
  padding: 2vh 0 10px !important;
}

/**
 * PC 和 Android 均显示 APK 下载按钮；iPhone 没有可见 Google Play 按钮时不创建该节点。
 * 主标语向下载区下移，保持首屏内容层级清晰。
 */
.first_screen .download_con .item.local-apk-download {
  cursor: pointer;
  height: 78px;
  margin: 0 26px;
  width: auto;
}

/**
 * 动态追加的 Refund Policy 不带原 Vue 的 data-v 属性，不能命中原 footer 链接样式。
 * 显式继承桌面和移动 footer 的白色文字规范，避免回退为浏览器默认蓝色下划线链接。
 */
.footer a[data-local-refund-policy="true"],
.footer_m a[data-local-refund-policy="true"],
.footer_pc a[data-local-refund-policy="true"] {
  color: #fff !important;
  cursor: pointer;
  font: inherit;
  text-align: center;
  text-decoration: none;
}

.footer [data-local-refund-policy-separator="true"],
.footer_m [data-local-refund-policy-separator="true"],
.footer_pc [data-local-refund-policy-separator="true"] {
  color: #fff !important;
  margin: 0 10px;
}

@media (min-width: 1025px) {
  /* PC 三个下载按钮保持同一行，避免新增 APK 后 App Store 被原 inline 流程挤到下一行。 */
  .first_screen .download_con:not(.download_con_shop):not(.download_con_shop_m) {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
  }

  .first_screen .download_con:not(.download_con_shop):not(.download_con_shop_m) .item {
    flex: 0 0 auto;
  }
}

@media (max-width: 1024px) {
  .first_screen .home_slogan {
    top: 56% !important;
  }

  .feature_con .main_content .feature_swiper_wraper {
    width: min(6.53rem, 42vh) !important;
  }

  .feature_swiper_wraper .feature_swiper_pagination {
    padding: 0.16rem 0 0.08rem !important;
  }

  .first_screen .download_con .item.local-apk-download {
    height: auto;
    margin: 0;
    max-height: 1.14rem;
    max-width: 3.37rem;
    width: auto;
  }

  .footer [data-local-refund-policy-separator="true"],
  .footer_m [data-local-refund-policy-separator="true"],
  .footer_pc [data-local-refund-policy-separator="true"] {
    margin: 0 0.1rem;
  }

  .footer_m.hidden_pc .sharePlatforms {
    display: none !important;
  }
}

@media (max-width: 1024px) and (max-height: 600px) {
  .feature_con .main_content {
    padding: 1.05rem 0 0.25rem !important;
  }

  .feature_con .main_content .feature_swiper_wraper {
    width: min(6.53rem, 43vh) !important;
  }

  .feature_swiper_wraper .feature_swiper_pagination {
    padding: 0.08rem 0 0.04rem !important;
  }
}