/* 平板收紧横向间距；桌面继续使用原有布局。 */
@media (max-width: 1240px) {
  .wrapbox { width: calc(100% - 40px); }
}
.language summary { list-style: none; }
.language summary::-webkit-details-marker { display: none; }
.header .headerBox .right .language[open] .dropdown { display: block; }
@media (max-width: 767px) {
  * { font-family: "HarmonyOS_Sans", system-ui, sans-serif; }
  .wrapbox { width: calc(100% - 40px); }
  .header { padding: 16px 0; }
  .header .headerBox { gap: 12px; }
  .header .headerBox .logo { background-size: 40px; padding-left: 48px; line-height: 44px; font-size: 24px; flex-shrink: 0; }
  .header .headerBox .right { gap: 4px; }
  .header .headerBox .right .language { margin-right: 0; }
  .header .headerBox .right .language .icon { width: 44px; height: 44px; background-position: center; }
  .header .headerBox .right .language .dropdown { right: 0; padding: 12px 20px; box-shadow: 0 8px 24px #0002; min-width: 120px; }
  .header .headerBox .right .language:not([open]) .dropdown { display: none; }
  .header .headerBox .right .language .dropdown a { line-height: 44px; }
  .header .headerBox .btn { padding: 10px 12px; line-height: 24px; font-size: 14px; text-align: center; }
  .mainWrap { padding: 36px 0 48px; }
  .mainWrap .mainBox { flex-direction: column; gap: 32px; }
  .mainWrap .mainBox .leftBox { width: 100%; text-align: center; min-width: 0; }
  .mainWrap .mainBox .leftBox p { font-size: clamp(26px, 7.2vw, 36px); line-height: 1.4; margin-bottom: 12px; overflow-wrap: anywhere; }
  .mainWrap .mainBox .leftBox p.tip { font-size: 17px; line-height: 1.7; margin: 16px 0 24px; }
  .mainWrap .mainBox .leftBox .downloadBtns { flex-wrap: wrap; justify-content: center; gap: 12px; }
  .mainWrap .mainBox .leftBox .downloadBtns .aBtn a.download { width: 156px; height: 46px; line-height: 46px; background-image: none; padding: 0 8px; border: 1px solid #72a8e7; border-radius: 8px; color: #285f9e; background-color: #fff; }
  .mainWrap .mainBox .leftBox .downloadBtns .aBtn a.download:first-child { margin-right: 0; }
  /* 手机直接点下载，不用悬停二维码遮挡按钮。 */
  .mainWrap .mainBox .leftBox .downloadBtns .aBtn:hover .qrcodeBox { display: none; }
  .mainWrap .mainBox .rightBox { width: 100%; max-width: 440px; }
  .mainWrap .mainBox .rightBox img { display: block; }
  .mainWrap .features { margin-top: 40px; flex-direction: column; align-items: stretch; gap: 28px; }
  .mainWrap .features .aFea { gap: 16px; }
  .mainWrap .features .aFea .icon { flex-shrink: 0; margin-right: 0; }
  .mainWrap .features .aFea .feaInfo { min-width: 0; }
  .mainWrap .features .aFea .feaInfo .feaInfoTitle { font-size: 21px; margin-bottom: 8px; }
  .mainWrap .features .aFea .feaInfo .feaInfoDesc { font-size: 15px; line-height: 1.7; }
  .exploreWrap .exploreWrapTitle { font-size: 28px; line-height: 1.5; margin: 48px 0 36px; }
  .exploreWrap .aExplore { flex-direction: column; gap: 24px; margin-bottom: 48px; }
  .exploreWrap .aExplore img { width: 100%; max-width: 440px; order: 1; }
  .exploreWrap .aExplore .exploreInfo { width: 100%; max-width: none; order: 0; }
  .exploreWrap .aExplore .exploreInfo .exploreInfoTitle { font-size: 18px; margin-bottom: 16px; padding: 6px 18px; line-height: 1.5; }
  .exploreWrap .aExplore .exploreInfo .exploreInfoDesc { font-size: 21px; line-height: 1.7; }
  .customerWrap { background-position: center 28px; background-size: auto 220px; }
  .customerWrap .customerWrapTitle { font-size: 28px; line-height: 1.5; padding: 40px 0 48px; }
  .customerWrap .customerAvatarBox { gap: 16px; }
  .customerWrap .customerAvatarBox img { width: 72px; height: 72px; margin: 0; }
  .customerWrap .customerAvatarBox img:nth-child(2) { transform: translateY(-16px); }
  .customerWrap .customerDesc { font-size: 17px; line-height: 1.8; margin: 0; padding: 32px 0 48px; }
  .bannerWrap { height: auto; min-height: 220px; margin-top: 0; padding: 40px 0; background-size: cover; }
  .bannerWrap p { font-size: 25px; line-height: 1.6; margin-bottom: 20px; }
  .bannerWrap p.small { font-size: 16px; line-height: 1.7; }
  .footer { margin: 36px 20px; font-size: 13px; line-height: 1.7; }
}
/* 下载文案可换行，避免译文超出固定精灵图按钮。 */
.mainWrap .mainBox .leftBox .downloadBtns { gap: 16px; flex-wrap: wrap; }
.mainWrap .mainBox .leftBox .downloadBtns .aBtn a.download { background-image: none; height: auto; min-height: 44px; padding: 10px 12px; line-height: 1.5; text-align: center; border: 1px solid #72a8e7; border-radius: 8px; }
.mainWrap .mainBox .leftBox .downloadBtns .aBtn a.download:first-child { margin-right: 0; }
.mainWrap .mainBox .leftBox .downloadBtns .aBtn .qrcodeBox .qrcodeDesc { white-space: normal; line-height: 1.6; }
html[dir="rtl"] body { font-family: Tahoma, Arial, sans-serif; }
html[dir="rtl"] * { font-family: inherit; }
html[dir="rtl"] .logo { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] .header .headerBox .right .language { margin-right: 0; margin-left: 12px; }
html[dir="rtl"] .header .headerBox .right .language .dropdown { right: auto; left: 0; }
html[dir="rtl"] .mainWrap .features .aFea .icon { margin-right: 0; margin-left: 24px; flex-shrink: 0; }
html[dir="rtl"] .exploreInfo, html[dir="rtl"] .feaInfo, html[dir="rtl"] .customerDesc { text-align: start; }
@media (max-width: 767px) {
  html[dir="rtl"] .header .headerBox .right .language { margin-left: 0; }
  html[dir="rtl"] .mainWrap .features .aFea .icon { margin-left: 0; }
}
.screenshot-note { margin-top: 12px; font-size: 13px; line-height: 1.6; color: #666; text-align: center; }