#__bs_notify__ {
  display: none !important;
}

/* LMAX theme */
:root {
  color-scheme: dark;
  --fcc-brand: #2f72ff;
  --fcc-brand-hover: #1f60e8;
  --fcc-brand-soft: rgba(47, 114, 255, 0.14);
  --fcc-page: #080b12;
  --fcc-surface: #111620;
  --fcc-surface-muted: #171d28;
  --fcc-border: #252d3a;
  --fcc-text: #f6f8fc;
  --fcc-text-secondary: #9ba6b7;
  --fcc-text-tertiary: #697487;
  --fcc-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
}
:root[data-theme="light"] {
  color-scheme: light;
  --fcc-brand-soft: #eaf1ff;
  --fcc-page: #f3f6fb;
  --fcc-surface: #ffffff;
  --fcc-surface-muted: #f5f7fb;
  --fcc-border: #dfe5ef;
  --fcc-text: #111827;
  --fcc-text-secondary: #667085;
  --fcc-text-tertiary: #98a2b3;
  --fcc-shadow: 0 24px 70px rgba(31, 50, 81, 0.11);
}

/* LMAX 下载首页 */
html,
body {
  min-height: 100%;
  background: var(--fcc-page);
}
body {
  color: var(--fcc-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}
.mobile-wrap {
  background:
    radial-gradient(circle at 88% 3%, rgba(47, 114, 255, 0.19), transparent 30%),
    radial-gradient(circle at 4% 78%, rgba(39, 191, 255, 0.08), transparent 28%),
    var(--fcc-page);
}
.download-page {
  position: relative;
  width: 100%;
  max-width: 750px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0.3rem 0.3rem 0.7rem;
}
.site-header {
  direction: ltr;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.18rem;
}
.header-actions {
  position: absolute;
  z-index: 100;
  top: 0.3rem;
  right: 0.3rem;
  direction: ltr;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.12rem;
}
.language-switcher {
  position: relative;
  width: 2.05rem;
  direction: ltr !important;
}
.language-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 0.52rem;
  gap: 0.08rem;
  padding: 0.11rem 0.14rem;
  color: var(--fcc-text);
  font-size: 0.21rem;
  font-weight: 600;
  border: 1px solid var(--fcc-border);
  border-radius: 0.36rem;
  outline: none;
  background: var(--fcc-surface);
  box-shadow: none;
  text-align: left;
  cursor: pointer;
}
.language-icon {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 0.34rem;
  height: 0.34rem;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  font-size: 0.27rem;
  line-height: 1;
  border-radius: 50%;
  background: var(--fcc-surface-muted);
}
.language-toggle #currentLanguageLabel {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.language-toggle .language-arrow {
  color: var(--fcc-brand);
  font-size: 0.18rem;
}
.language-menu {
  position: absolute;
  top: calc(100% + 0.08rem);
  right: 0;
  width: 2.15rem;
  padding: 0.08rem;
  border: 1px solid var(--fcc-border);
  border-radius: 0.14rem;
  background: var(--fcc-surface);
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.35);
}
.language-menu[hidden] {
  display: none;
}
.language-menu button {
  display: block;
  width: 100%;
  padding: 0.12rem 0.14rem;
  color: var(--fcc-text-secondary);
  font-size: 0.19rem;
  border-radius: 0.08rem;
  background: transparent;
  text-align: left;
  white-space: nowrap;
}
.language-menu button:hover,
.language-menu button.active {
  color: #fff;
  background: var(--fcc-brand);
}
.language-menu button[dir="rtl"] {
  text-align: right;
}
.brand {
  display: flex;
  align-items: center;
  gap: 0.14rem;
  color: var(--fcc-text);
}
.brand-logo {
  display: grid;
  place-items: center;
  width: 0.72rem;
  height: 0.72rem;
  overflow: hidden;
  border: 1px solid rgba(91, 151, 255, 0.35);
  border-radius: 0.16rem;
  background: #05070b;
  box-shadow: 0 0.1rem 0.28rem rgba(20, 91, 224, 0.2);
}
.brand img {
  width: 100%;
  height: 100%;
  padding: 0;
  object-fit: contain;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.brand-copy {
  display: flex;
  flex-direction: column;
  gap: 0.03rem;
}
.brand-copy strong {
  color: var(--fcc-text);
  font-size: 0.24rem;
  letter-spacing: 0.018rem;
  line-height: 1.05;
}
.brand-copy small {
  color: var(--fcc-brand);
  font-size: 0.15rem;
  font-weight: 800;
  letter-spacing: 0.11rem;
}
.official-badge {
  margin-right: 0;
  padding: 0.12rem 0.22rem;
  color: var(--fcc-brand);
  font-size: 0.2rem;
  border: 1px solid rgba(47, 114, 255, 0.32);
  border-radius: 0.36rem;
}
.theme-toggle {
  position: relative;
  display: grid;
  flex: 0 0 0.52rem;
  place-items: center;
  width: 0.52rem;
  height: 0.52rem;
  color: var(--fcc-text);
  font-size: 0.24rem;
  border: 1px solid var(--fcc-border);
  border-radius: 50%;
  background: var(--fcc-surface);
}
.theme-toggle span { grid-area: 1 / 1; }
.theme-toggle .theme-sun { display: none; }
:root[data-theme="light"] .theme-toggle .theme-sun { display: block; }
:root[data-theme="light"] .theme-toggle .theme-moon { display: none; }
.rtl-language .hero,
.rtl-language .download-card,
.rtl-language .guide,
.rtl-language .wechat-mask {
  direction: rtl;
}
.rtl-language .platform-icon {
  margin-right: 0;
  margin-left: 0.2rem;
}
.rtl-language .download-option > b {
  margin-right: 0.15rem;
  margin-left: 0;
  transform: scaleX(-1);
}
.rtl-language .safe-label,
.rtl-language .device-status,
.rtl-language .option-copy,
.rtl-language .hero {
  text-align: right;
}
@media (max-width: 520px) {
  .site-header {
    align-items: flex-start;
  }
  .header-actions {
    top: 0.3rem;
    right: 0.3rem;
    align-items: flex-end;
  }
  .official-badge {
    display: none;
    margin-right: 0;
  }
}
.hero {
  padding-top: 1.35rem;
}
.safe-label {
  display: flex;
  align-items: center;
  gap: 0.12rem;
  margin-bottom: 0.26rem;
  color: var(--fcc-brand);
  font-size: 0.22rem;
}
.safe-label i {
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background: var(--fcc-brand);
  box-shadow: 0 0 0.14rem rgba(47, 114, 255, 0.72);
}
.hero h1 {
  margin: 0;
  color: var(--fcc-text);
  max-width: 5.8rem;
  font-size: 0.5rem;
  line-height: 1.18;
  letter-spacing: 0.01rem;
}
.hero-brand {
  display: inline-block;
  margin-bottom: 0.12rem;
  color: var(--fcc-brand);
  font-size: 0.21rem;
  font-weight: 800;
  letter-spacing: 0.09rem;
}
.hero-desc {
  margin-top: 0.28rem;
  color: var(--fcc-text-secondary);
  font-size: 0.25rem;
  line-height: 1.75;
}
.download-card {
  margin-top: 0.55rem;
  padding: 0.32rem;
  background: color-mix(in srgb, var(--fcc-surface) 94%, transparent);
  border: 1px solid var(--fcc-border);
  border-radius: 0.22rem;
  box-shadow: var(--fcc-shadow);
}
.device-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.36rem;
  color: var(--fcc-text-secondary);
  font-size: 0.2rem;
}
.device-status strong {
  color: var(--fcc-brand);
  font-size: 0.21rem;
}
.download-option {
  display: flex;
  align-items: center;
  min-height: 1rem;
  margin-top: 0.2rem;
  padding: 0.13rem 0.22rem;
  color: var(--fcc-text);
  border: 1px solid var(--fcc-border);
  border-radius: 0.14rem;
  background: var(--fcc-surface-muted);
  box-shadow: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.download-option:active { transform: scale(.985); }
.download-option.recommended {
  color: #fff;
  border-color: var(--fcc-brand);
  background: linear-gradient(135deg, #3e83ff, #1f5fe0);
  box-shadow: 0 12px 28px rgba(34, 100, 231, 0.28);
}
.platform-icon {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 0.61rem;
  height: 0.61rem;
  margin-right: 0.2rem;
  color: var(--fcc-text);
  font-size: 0.21rem;
  border-radius: 0.1rem;
  background: var(--fcc-surface);
  border: 1px solid var(--fcc-border);
}
.ios-icon {
  color: var(--fcc-text);
  background: var(--fcc-surface);
}
.download-option.recommended .platform-icon {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.13);
}
.option-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
.option-copy strong {
  font-size: 0.28rem;
  line-height: 1.35;
}
.option-copy small {
  margin-top: 0.03rem;
  color: var(--fcc-text-secondary);
  font-size: 0.19rem;
}
.download-option.recommended .option-copy small {
  color: rgba(255, 255, 255, 0.72);
}
.download-option > b {
  margin-left: 0.15rem;
  font-size: 0.35rem;
  font-weight: 400;
}
.download-note {
  margin-top: 0.24rem;
  color: var(--fcc-text-tertiary);
  font-size: 0.18rem;
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 751px) {
  .download-page {
    max-width: 620px;
  }
}
[class*=tell] {
  display: table-cell;
  vertical-align: middle;
}
[class*=dt] {
  display: table;
  width: 100%;
}
[class*=fw] {
  float: left;
  width: 100%;
}
[class*=item] ul {
  display: table;
  width: 100%;
}
[class*=item] ul li {
  width: 100%;
}
[class*=item] ul li:last-child {
  border-bottom: none;
}
.toutu img {
  width: 100%;
  vertical-align: bottom;
}
.mobile-wrap {
  position: relative;
  min-height: 100vh;
}
main {
  width: 100%;
  padding: 0.3rem 5%;
}
.appItem {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-bottom: 0.4rem;
}
.appItem .left {
  width: 2.3rem;
  height: 2.3rem;
  -webkit-border-radius: 0.1rem;
          border-radius: 0.4rem;
  overflow: hidden;
}
.appItem .left img {
  width: 100%;
  min-height: 100%;
}
.appItem .right {
  width: -webkit-calc(100% - 2.6rem);
  width: calc(100% - 2.6rem);
}
.appItem .right strong {
  color: #111;
  font-size: 0.4rem;
  line-height: 1.4;
  display: block;
}
.appItem .right strong span {
  color: #8e8e93;
  font-size: 0.24rem;
  -webkit-border-radius: 0.08rem;
          border-radius: 0.08rem;
  padding: 0.02rem 0.1rem;
  border: 1px solid #8e8e93;
  vertical-align: middle;
  margin-left: 0.1rem;
}
.appItem .right p {
  font-size: 0.28rem;
  line-height: 1.4;
  color: #8e8e93;
}
.appItem .right .installBox {
  padding-top: 0.4rem;
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.appItem .right .installBox a {
  display: inline-block;
}
.appItem .right .installBox a:active {
  opacity: 0.85;
}
.appItem .right .installBox .down {
  min-width: 2.1rem;
  background-color: #017afe;
  -webkit-border-radius: 0.3rem;
          border-radius: 0.3rem;
  text-align: center;
  color: #fff;
  font-size: 0.28rem;
  padding: 0 0.15rem;
  height: 0.62rem;
  line-height: 0.62rem;
}
.appItem .right .installBox .doubt {
  width: 0.62rem;
  height: 0.62rem;
  line-height: 0.62rem;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #017afe;
  color: #fff;
  font-size: 0.28rem;
  font-weight: bold;
  text-align: center;
}
.appItem .appTip {
  width: 100%;
  padding-top: 0.4rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.appItem .appTip .score {
  line-height: 1.2;
}
.appItem .appTip .score .star {
  color: #8e8e93;
  font-weight: bold;
  font-size: 0.34rem;
}
.appItem .appTip .score .star var {
  width: 1.6rem;
  height: 0.32rem;
  background: url("../img/star.svg") 0 0;
  -webkit-background-size: 0.32rem 0.72rem;
          background-size: 0.32rem 0.72rem;
  display: inline-block;
}
.appItem .appTip .score p {
  color: #d8d8d8;
  font-size: 0.24rem;
  line-height: 1.6;
}
.appItem .appTip .centerBox {
  color: #8e8e93;
  font-size: 0.3rem;
  text-align: center;
  font-weight: bold;
}
.appItem .appTip .centerBox i {
  position: relative;
  top: -0.1rem;
}
.appItem .appTip .age {
  color: #8e8e93;
  line-height: 1.2;
  text-align: right;
}
.appItem .appTip .age b {
  font-size: 0.34rem;
  display: block;
}
.appItem .appTip .age p {
  color: #d8d8d8;
  font-size: 0.24rem;
}
.comment {
  width: 100%;
  padding: 0.34rem 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.comment .left {
  text-align: center;
  padding-left: 0.2rem;
}
.comment .left b {
  font-size: 1.2rem;
  color: #4c4c50;
  line-height: 1.1;
}
.comment .left p {
  font-size: 0.28rem;
  color: #8e8e93;
  font-weight: bold;
}
.comment .right {
  -webkit-box-flex: 0.9;
  -webkit-flex-grow: 0.9;
      -ms-flex-positive: 0.9;
          flex-grow: 0.9;
}
.comment .right p {
  font-size: 0.28rem;
  color: #8e8e93;
  line-height: 1.4;
  text-align: right;
}
.comment .right .star_row {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.comment .right .star_row span {
  width: 1.2rem;
  height: 0.24rem;
  display: inline-block;
  text-align: right;
}
.comment .right .star_row span i {
  height: 0.16rem;
  display: inline-block;
  background: url("../img/star.svg") 0 0;
  -webkit-background-size: 0.18rem 0.34rem;
          background-size: 0.18rem 0.34rem;
}
.comment .right .star_row span.s1 i {
  width: 0.9rem;
}
.comment .right .star_row span.s2 i {
  width: 0.72rem;
}
.comment .right .star_row span.s3 i {
  width: 0.54rem;
}
.comment .right .star_row span.s4 i {
  width: 0.36rem;
}
.comment .right .star_row span.s5 i {
  width: 0.18rem;
}
.comment .right .star_row .lineBox {
  width: -webkit-calc(100% - 1.6rem);
  width: calc(100% - 1.6rem);
  height: 0.05rem;
  -webkit-border-radius: 0.3rem;
          border-radius: 0.3rem;
  background-color: #e5e5e5;
  overflow: hidden;
}
.comment .right .star_row .lineBox var {
  height: 100%;
  -webkit-border-radius: 0 0.3rem 0.3rem 0;
          border-radius: 0 0.3rem 0.3rem 0;
  background-color: #8e8e93;
  float: left;
}
.comment .right .star_row .lineBox var.v1 {
  width: 90%;
}
.comment .right .star_row .lineBox var.v2 {
  width: 10%;
}
.comment .right .star_row .lineBox var.v3 {
  width: 4%;
}
.comment .right .star_row .lineBox var.v4 {
  width: 2%;
}
.comment .right .star_row .lineBox var.v5 {
  width: 1%;
}
.publicTitle {
  width: 100%;
  font-size: 0.4rem;
  line-height: 1.2;
  letter-spacing: 0.02rem;
  margin-bottom: 0.3rem;
  display: block;
}
.newFunction {
  width: 100%;
  padding: 0.34rem 0;
  border-bottom: 1px solid #e5e5e5;
  line-height: 1.4;
}
.newFunction p {
  font-size: 0.3rem;
  color: #333;
}
.appInfo {
  width: 100%;
  padding: 0.34rem 0;
}
.appInfo .box ul li {
  width: 100%;
  line-height: 1.4;
  padding: 0.15rem 0;
  float: none;
  border-bottom: 1px solid #e5e5e5;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.appInfo .box ul li:last-child {
  border-bottom: none;
}
.appInfo .box ul li span {
  -webkit-box-flex: 0.1;
  -webkit-flex-grow: 0.1;
      -ms-flex-positive: 0.1;
          flex-grow: 0.1;
  font-size: 0.24rem;
  color: #8e8e93;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.appInfo .box ul li p {
  width: 80%;
  color: #333;
  font-size: 0.24rem;
  text-align: right;
  display: inline-block;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  word-wrap: break-word;
}
.footer {
  width: 100%;
  padding: 0.15rem 3%;
  background-color: #eee;
  color: #a9a9a9;
  line-height: 1.6;
}
.footer p {
  font-size: 0.2rem;
}
.footer p.p2 {
  text-indent: 0.4rem;
}
.pup {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  display: none;
}
.guide {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90%;
  max-height: 90vh;
  -webkit-border-radius: 0.1rem;
          border-radius: 0.1rem;
  overflow: hidden;
  color: #e8f2ff;
  border: 1px solid rgba(80, 228, 200, 0.35);
  background: #10213a;
  box-shadow: 0 0.28rem 0.8rem rgba(0, 0, 0, 0.45);
  padding: 0.72rem 0.24rem 0.24rem;
}
.guide .colse {
  position: absolute;
  z-index: 2;
  top: 0.1rem;
  right: 0.1rem;
  width: 0.7rem;
  height: 0.7rem;
  line-height: 0.7rem;
  text-align: center;
  font-size: 0.5rem;
  color: #d9e7f7;
  background: transparent;
}
.guide .install-steps {
  width: 100%;
  max-height: 70vh;
  overflow-y: auto;
}
.guide .install-step {
  display: flex;
  align-items: center;
  gap: 0.18rem;
  margin-bottom: 0.14rem;
  padding: 0.18rem;
  border: 1px solid rgba(104, 139, 195, 0.22);
  border-radius: 0.12rem;
  background: rgba(25, 44, 78, 0.78);
}
.guide .install-step:last-child {
  margin-bottom: 0;
}
.guide .step-number {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 0.52rem;
  height: 0.52rem;
  color: #071426;
  font-size: 0.24rem;
  font-weight: 700;
  border-radius: 50%;
  background: #50e4c8;
}
.guide .text {
  flex: 1;
  padding: 0;
  color: #e8f2ff;
  font-size: 0.23rem;
  line-height: 1.55;
  text-align: left;
}
.guide .smallTip {
  text-align: center;
  line-height: 1.4;
  padding-top: 0.3rem;
}
.guide .smallTip a {
  color: #50e4c8;
  font-size: 0.24rem;
}
.rtl-language .guide .text {
  text-align: right;
}
.pupPic {
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.pupPic img {
  width: 100%;
  height: 100%;
}
.pupPic,
.wechat-ios {
  padding: .32rem;
  background: rgba(11, 11, 13, .96);
}
.browser-guide-card {
  position: relative;
  width: min(100%, 6rem);
  margin: 1.2rem auto 0;
  padding: .5rem .38rem .42rem;
  color: #f7f7f8;
  text-align: center;
  border: 1px solid rgba(47, 114, 255, .32);
  border-radius: .24rem;
  background: #15171a;
  box-shadow: 0 .24rem .7rem rgba(0, 0, 0, .38);
}
.browser-guide-arrow {
  position: absolute;
  top: -.95rem;
  right: .08rem;
  color: var(--fcc-brand);
  font-size: .8rem;
  line-height: 1;
}
.browser-guide-card strong {
  display: block;
  color: var(--fcc-brand);
  font-size: .34rem;
  line-height: 1.3;
}
.browser-guide-card p {
  margin-top: .18rem;
  color: #a3a8b0;
  font-size: .23rem;
  line-height: 1.65;
}

/* Theme-aligned installation overlays */
.guide {
  color: var(--fcc-text);
  border-color: var(--fcc-border);
  border-radius: 0.22rem;
  background: var(--fcc-surface);
  box-shadow: var(--fcc-shadow);
}
.guide .colse { color: var(--fcc-text); }
.guide .install-step {
  border-color: var(--fcc-border);
  background: var(--fcc-surface-muted);
}
.guide .step-number {
  color: #fff;
  background: var(--fcc-brand);
}
.guide .text { color: var(--fcc-text); }
.guide .smallTip a { color: var(--fcc-brand); }
.wechat-ios,
.wechat-android {
  position: fixed;
  z-index: 1200;
  inset: 0;
  display: none;
  background: rgba(0, 0, 0, .86);
}
.wechat-ios img,
.wechat-android img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.wechat-mask {
  position: fixed;
  z-index: 1300;
  inset: 0;
}
.mask-bg {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .72);
  backdrop-filter: blur(6px);
}
.mask-pop {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(88%, 5.8rem);
  padding: .28rem;
  border: 1px solid var(--fcc-border);
  border-radius: .22rem;
  background: var(--fcc-surface);
  box-shadow: var(--fcc-shadow);
  transform: translate(-50%, -50%);
}
.copy-url-img {
  display: block;
  width: 100%;
  max-height: 4rem;
  margin: 0 auto .2rem;
  object-fit: contain;
  border-radius: .12rem;
}
.safari-guide {
  padding: .16rem .08rem .26rem;
  text-align: center;
}
.safari-mark {
  display: inline-grid;
  place-items: center;
  min-width: 1.08rem;
  height: .46rem;
  margin-bottom: .18rem;
  color: #fff;
  font-size: .17rem;
  font-weight: 800;
  border-radius: .24rem;
  background: var(--fcc-brand);
}
.safari-guide strong {
  display: block;
  color: var(--fcc-text);
  font-size: .28rem;
  line-height: 1.35;
}
.safari-guide p {
  margin-top: .12rem;
  color: var(--fcc-text-secondary);
  font-size: .19rem;
  line-height: 1.55;
}
.copy-url {
  display: flex;
  gap: .12rem;
}
.copy-url input {
  flex: 1;
  min-width: 0;
  height: .68rem;
  padding: 0 .18rem;
  color: var(--fcc-text);
  border: 1px solid var(--fcc-border);
  border-radius: .12rem;
  background: var(--fcc-surface-muted);
}
.copy-url button {
  min-width: 1.1rem;
  padding: 0 .2rem;
  color: #fff;
  font-weight: 700;
  border-radius: .12rem;
  background: var(--fcc-brand);
}

@media (max-width: 520px) {
  .download-page { padding: .24rem .24rem .55rem; }
  .header-actions { top: .24rem; right: .24rem; }
  .language-switcher { width: 1.78rem; }
  .language-toggle { min-height: .5rem; padding: .09rem .12rem; }
  .brand-logo { width: .66rem; height: .66rem; }
  .brand img { width: 100%; height: 100%; }
  .hero { padding-top: 1.32rem; }
  .hero h1 { font-size: .48rem; }
  .download-card { margin-top: .42rem; padding: .26rem; }
}

/* App theme alignment: compact mobile layout */
html,
body {
  background: #05070b;
}

.mobile-wrap {
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  background:
    radial-gradient(circle at 92% 0%, rgba(47, 114, 255, 0.16), transparent 28%),
    var(--fcc-page);
  box-shadow: 0 0 0 1px rgba(255,255,255,.025);
}

@media (min-width: 751px) {
  .download-page {
    max-width: 430px;
  }
}

.download-page {
  min-height: 100vh;
  padding: 18px 16px 40px;
}

.site-header {
  min-height: 48px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--fcc-border);
}

.header-actions {
  position: static;
  gap: 8px;
}

.brand {
  gap: 10px;
  min-width: 0;
}

.brand-logo {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 11px;
}

.brand-copy strong {
  font-size: 15px;
  letter-spacing: .8px;
}

.brand-copy small {
  font-size: 10px;
  letter-spacing: 4px;
}

.theme-toggle {
  width: 34px;
  height: 34px;
  flex-basis: 34px;
  font-size: 15px;
}

.language-switcher {
  width: 104px;
}

.language-toggle {
  min-height: 34px;
  padding: 6px 9px;
  gap: 5px;
  border-radius: 9px;
  font-size: 12px;
  background: color-mix(in srgb, var(--fcc-surface) 94%, transparent);
}

.language-icon {
  width: 22px;
  height: 22px;
  font-size: 15px;
}

.language-menu {
  width: 142px;
  top: calc(100% + 6px);
  padding: 6px;
  border-radius: 10px;
}

.language-menu button {
  padding: 9px 10px;
  border-radius: 7px;
  font-size: 12px;
}

.hero {
  margin-top: 18px;
  padding: 20px;
  border: 1px solid var(--fcc-border);
  border-radius: 14px;
  background:
    linear-gradient(145deg, rgba(47, 114, 255, .11), transparent 48%),
    var(--fcc-surface);
  box-shadow: 0 12px 32px rgba(0,0,0,.18);
}

.safe-label {
  gap: 8px;
  margin-bottom: 16px;
  font-size: 12px;
}

.safe-label i {
  width: 6px;
  height: 6px;
}

.hero h1 {
  max-width: none;
  font-size: 28px;
  line-height: 1.22;
  letter-spacing: -.6px;
}

.hero-brand {
  margin-bottom: 7px;
  font-size: 11px;
  letter-spacing: 3px;
}

.hero-desc {
  margin-top: 14px;
  font-size: 13px;
  line-height: 1.7;
}

.download-card {
  margin-top: 12px;
  padding: 16px;
  border-radius: 14px;
  background: var(--fcc-surface);
  box-shadow: 0 12px 32px rgba(0,0,0,.18);
}

.device-status {
  margin-bottom: 14px;
  font-size: 11px;
}

.device-status strong {
  font-size: 11px;
}

.download-option {
  min-height: 66px;
  margin-top: 10px;
  padding: 10px 13px;
  border-radius: 11px;
}

.platform-icon {
  width: 40px;
  height: 40px;
  margin-right: 12px;
  border-radius: 9px;
  font-size: 12px;
}

.option-copy strong {
  font-size: 15px;
}

.option-copy small {
  margin-top: 2px;
  font-size: 11px;
}

.download-option > b {
  margin-left: 10px;
  font-size: 24px;
}

.download-note {
  margin-top: 14px;
  font-size: 10px;
  line-height: 1.55;
}

.rtl-language .platform-icon {
  margin-right: 0;
  margin-left: 12px;
}

@media (max-width: 360px) {
  .download-page { padding-inline: 12px; }
  .brand-copy strong { font-size: 13px; }
  .brand-copy small { letter-spacing: 3px; }
  .language-switcher { width: 92px; }
  .hero { padding: 17px; }
  .hero h1 { font-size: 25px; }
}

/* Google Play inspired application detail layout */
.store-summary {
  padding: 28px 2px 22px;
}

.store-app-head {
  display: flex;
  align-items: center;
  gap: 18px;
}

.store-app-icon {
  display: grid;
  place-items: center;
  width: 86px;
  height: 86px;
  flex: 0 0 86px;
  overflow: hidden;
  border: 1px solid rgba(109, 158, 255, .32);
  border-radius: 20px;
  background: #05070a;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .28);
}

.store-app-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.store-app-copy {
  min-width: 0;
  text-align: start;
}

.store-app-copy h1 {
  margin: 0;
  color: var(--fcc-text);
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.4px;
}

.store-developer {
  margin-top: 7px;
  color: var(--fcc-brand);
  font-size: 13px;
  font-weight: 600;
}

.store-verified {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 9px;
  color: var(--fcc-text-secondary);
  font-size: 11px;
}

.store-verified i {
  display: inline-grid;
  place-items: center;
  width: 15px;
  height: 15px;
  color: #fff;
  font-size: 9px;
  font-style: normal;
  border-radius: 50%;
  background: var(--fcc-brand);
}

.store-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 24px;
}

.store-meta > div {
  min-width: 0;
  padding: 0 10px;
  text-align: center;
  border-inline-start: 1px solid var(--fcc-border);
}

.store-meta > div:first-child { border-inline-start: 0; }

.store-meta strong,
.store-meta span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.store-meta strong {
  color: var(--fcc-text);
  font-size: 12px;
}

.store-meta span {
  margin-top: 5px;
  color: var(--fcc-text-tertiary);
  font-size: 9px;
}

.store-install-card {
  margin-top: 0;
  padding: 18px;
}

.store-section-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  text-align: start;
}

.store-section-title h2 {
  margin: 0;
  color: var(--fcc-text);
  font-size: 17px;
  font-weight: 650;
  line-height: 1.35;
}

.store-section-title p {
  margin-top: 7px;
  color: var(--fcc-text-secondary);
  font-size: 11px;
  line-height: 1.55;
}

.store-section-title > span {
  color: var(--fcc-text-secondary);
  font-size: 24px;
  line-height: 1;
}

.store-install-card .device-status {
  margin-top: 16px;
  padding-top: 13px;
  border-top: 1px solid var(--fcc-border);
}

.store-install-card .download-option {
  border-radius: 18px;
}

.store-install-card .download-option.recommended {
  box-shadow: none;
}

.store-section {
  margin-top: 28px;
}

.store-about {
  margin-bottom: 18px;
  padding: 18px;
  border: 1px solid var(--fcc-border);
  border-radius: 14px;
  background: var(--fcc-surface);
}

.store-about > p {
  margin-top: 12px;
  color: var(--fcc-text-secondary);
  font-size: 12px;
  line-height: 1.65;
  text-align: start;
}

.store-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 15px;
}

.store-tags span {
  padding: 7px 12px;
  color: var(--fcc-text-secondary);
  font-size: 10px;
  border: 1px solid var(--fcc-border);
  border-radius: 18px;
  background: var(--fcc-surface-muted);
}

.rtl-language .store-app-head,
.rtl-language .store-summary,
.rtl-language .store-section {
  direction: rtl;
}

@media (max-width: 360px) {
  .store-app-icon { width: 76px; height: 76px; flex-basis: 76px; }
  .store-app-copy h1 { font-size: 22px; }
}

/*# sourceMappingURL=style.css.map */