:root{
  --desktopclient-ink:#111944;
  --desktopclient-ink-soft:#1d2a68;
  --desktopclient-cyan:#33e5f0;
  --desktopclient-silver:#eef2f7;
  --desktopclient-white:#ffffff;
  --desktopclient-line:#d7deea;
  --desktopclient-muted:#657089;
  --desktopclient-shadow:0 24px 70px rgba(17,25,68,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.desktopclient-page{
  margin:0;
  min-height:100vh;
  overflow-x:hidden;
  padding-bottom:88px;
  color:var(--desktopclient-ink);
  font-family:"Segoe UI","Microsoft YaHei",sans-serif;
  background:
    radial-gradient(circle at top left, rgba(51,229,240,.18), transparent 22%),
    linear-gradient(180deg, #121844 0%, #22306d 44%, #eef2f7 44%, #eef2f7 100%);
}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.desktopclient-header,
.desktopclient-hero,
.desktopclient-section,
.desktopclient-final,
.desktopclient-footer{
  width:min(1180px, calc(100% - 32px));
  margin-left:auto;
  margin-right:auto;
}
.desktopclient-header{
  position:sticky;
  top:12px;
  z-index:20;
  margin-top:16px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:18px;
  backdrop-filter:blur(16px);
  background:rgba(238,242,247,.96);
  box-shadow:var(--desktopclient-shadow);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.desktopclient-brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.desktopclient-brand span{
  width:40px;
  height:40px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:var(--desktopclient-cyan);
  background:var(--desktopclient-ink);
  font-weight:900;
  letter-spacing:.02em;
  flex:none;
}
.desktopclient-brand strong,
.desktopclient-brand em{
  display:block;
  line-height:1.1;
}
.desktopclient-brand strong{font-size:16px}
.desktopclient-brand em{
  font-style:normal;
  color:var(--desktopclient-muted);
  font-size:12px;
}
.desktopclient-nav{
  display:flex;
  align-items:center;
  gap:8px;
}
.desktopclient-nav a,
.desktopclient-nav button,
.desktopclient-hero-actions a,
.desktopclient-content a,
.desktopclient-mobile a,
.desktopclient-final a,
.desktopclient-footer a,
.desktopclient-fixed a{
  min-height:48px;
  border:0;
  border-radius:999px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  box-shadow:none;
}
.desktopclient-nav a,
.desktopclient-nav button{
  background:var(--desktopclient-white);
  border:1px solid var(--desktopclient-line);
}
.desktopclient-nav a:last-child,
.desktopclient-hero-actions .desktopclient-primary,
.desktopclient-content a,
.desktopclient-mobile a,
.desktopclient-final a,
.desktopclient-footer a,
.desktopclient-fixed a{
  background:var(--desktopclient-cyan);
  color:#071826;
}
.desktopclient-nav button{
  cursor:pointer;
}
.desktopclient-menu{
  display:none;
  width:44px;
  height:42px;
  padding:0;
  border:0;
  border-radius:12px;
  background:var(--desktopclient-ink);
  cursor:pointer;
}
.desktopclient-menu i{
  display:block;
  width:18px;
  height:2px;
  margin:5px auto;
  background:#fff;
  border-radius:2px;
}
.desktopclient-hero{
  margin-top:34px;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:22px;
}
.desktopclient-manager,
.desktopclient-copy,
.desktopclient-section,
.desktopclient-final,
.desktopclient-footer{
  box-shadow:var(--desktopclient-shadow);
}
.desktopclient-manager{
  min-height:620px;
  padding:24px;
  border:1px solid var(--desktopclient-line);
  border-radius:32px;
  background:linear-gradient(180deg, #f7f9fc 0%, #eef2f7 100%);
  display:grid;
  grid-template-columns:180px 1fr;
  gap:18px;
}
.desktopclient-sidebar{
  border-radius:24px;
  padding:24px;
  color:#fff;
  background:linear-gradient(180deg, var(--desktopclient-ink) 0%, var(--desktopclient-ink-soft) 100%);
  display:grid;
  align-content:start;
  gap:14px;
  font-weight:800;
}
.desktopclient-os{
  font-size:24px;
  letter-spacing:-.04em;
  color:var(--desktopclient-cyan);
}
.desktopclient-files{
  display:grid;
  gap:18px;
}
.desktopclient-file,
.desktopclient-folder{
  border-radius:28px;
  background:var(--desktopclient-white);
  border:1px solid rgba(17,25,68,.08);
  padding:28px;
}
.desktopclient-file{
  min-height:360px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.desktopclient-file i{
  width:100px;
  height:100px;
  border-radius:24px;
  background:
    linear-gradient(135deg, rgba(51,229,240,.15), rgba(255,255,255,1)),
    linear-gradient(145deg, var(--desktopclient-cyan), var(--desktopclient-white));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.desktopclient-file strong{
  display:block;
  margin-top:24px;
  font-size:48px;
  line-height:1;
  letter-spacing:-.06em;
}
.desktopclient-file span,
.desktopclient-folder p,
.desktopclient-copy span,
.desktopclient-content p,
.desktopclient-mobile span,
.desktopclient-faq p,
.desktopclient-footer p{
  color:var(--desktopclient-muted);
  line-height:1.8;
}
.desktopclient-folder{
  display:grid;
  grid-template-columns:140px 1fr;
  gap:18px;
  align-items:center;
}
.desktopclient-folder span{
  width:140px;
  height:92px;
  border-radius:18px;
  background:linear-gradient(135deg, var(--desktopclient-ink), var(--desktopclient-cyan));
}
.desktopclient-folder b{
  display:block;
  font-size:34px;
  line-height:1.05;
  letter-spacing:-.04em;
}
.desktopclient-copy{
  border-radius:32px;
  padding:54px 42px;
  background:
    radial-gradient(circle at top right, rgba(51,229,240,.18), transparent 22%),
    linear-gradient(160deg, #111944 0%, #202a68 100%);
  color:var(--desktopclient-white);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.desktopclient-copy p,
.desktopclient-section-head p,
.desktopclient-final p{
  margin:0 0 12px;
  color:var(--desktopclient-cyan);
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.desktopclient-copy h1{
  margin:0;
  font-size:clamp(40px, 5.5vw, 74px);
  line-height:1.02;
  letter-spacing:-.07em;
}
.desktopclient-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.desktopclient-hero-actions .desktopclient-secondary{
  background:rgba(255,255,255,.1);
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
}
.desktopclient-device-note{
  margin:22px 0 0;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.15);
  color:#cfe0ff;
}
.desktopclient-section,
.desktopclient-final,
.desktopclient-footer{
  margin-top:24px;
  border-radius:30px;
  padding:32px;
  background:var(--desktopclient-white);
  border:1px solid var(--desktopclient-line);
}
.desktopclient-switch,
.desktopclient-final,
.desktopclient-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.desktopclient-section h2,
.desktopclient-final h2{
  margin:0;
  font-size:clamp(28px, 4vw, 44px);
  line-height:1.08;
  letter-spacing:-.05em;
}
.desktopclient-switch-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.desktopclient-switch-actions button{
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid var(--desktopclient-line);
  background:var(--desktopclient-white);
  font-weight:800;
  cursor:pointer;
}
.desktopclient-switch-actions button.is-active{
  color:#fff;
  background:var(--desktopclient-ink);
  border-color:transparent;
}
.desktopclient-content{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
}
.desktopclient-content article,
.desktopclient-faq details{
  border-radius:24px;
  border:1px solid var(--desktopclient-line);
  background:#f8fbff;
  padding:24px;
}
.desktopclient-content h2,
.desktopclient-faq summary{
  margin:0 0 12px;
  font-size:22px;
  line-height:1.15;
  letter-spacing:-.04em;
}
.desktopclient-install .desktopclient-checklist{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
}
.desktopclient-install span{
  min-height:80px;
  border-radius:20px;
  background:#f8fbff;
  border:1px solid #e2e8f4;
  padding:14px;
  display:grid;
  place-items:center;
  text-align:center;
  font-weight:800;
}
.desktopclient-mobile{
  background:linear-gradient(160deg, #111944 0%, #1c2a66 100%);
  color:#fff;
}
.desktopclient-mobile span{
  color:#d0def8;
}
.desktopclient-faq{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:14px;
}
.desktopclient-faq-list{
  display:grid;
  gap:12px;
}
.desktopclient-faq summary{
  cursor:pointer;
  list-style:none;
}
.desktopclient-faq summary::-webkit-details-marker{display:none}
.desktopclient-final{
  background:
    linear-gradient(135deg, rgba(51,229,240,.15), transparent 30%),
    #eafcff;
}
.desktopclient-footer{
  margin-bottom:20px;
}
.desktopclient-fixed{
  position:fixed;
  left:50%;
  bottom:16px;
  transform:translateX(-50%);
  z-index:30;
  width:min(440px, calc(100vw - 28px));
  min-height:58px;
  padding:8px 10px 8px 18px;
  border-radius:18px;
  background:rgba(17,25,68,.95);
  color:#fff;
  display:none;
  align-items:center;
  justify-content:space-between;
  box-shadow:0 18px 46px rgba(17,25,68,.28);
}
.desktopclient-fixed span{font-weight:800}
.desktopclient-fixed a{min-height:42px}
.desktopclient-nav.is-open{display:flex}

@media (max-width:920px){
  .desktopclient-menu{display:block}
  .desktopclient-nav{
    display:none;
    position:absolute;
    top:calc(100% + 10px);
    left:0;
    right:0;
    padding:10px;
    border-radius:18px;
    background:#eef2f7;
    box-shadow:var(--desktopclient-shadow);
    flex-direction:column;
    align-items:stretch;
  }
  .desktopclient-header.is-open .desktopclient-nav{display:flex}
  .desktopclient-hero,
  .desktopclient-manager,
  .desktopclient-content,
  .desktopclient-faq{
    grid-template-columns:1fr;
  }
}

@media (max-width:640px){
  .desktopclient-header,
  .desktopclient-hero,
  .desktopclient-section,
  .desktopclient-final,
  .desktopclient-footer{
    width:calc(100vw - 20px);
    max-width:calc(100vw - 20px);
  }
  .desktopclient-brand em{display:none}
  .desktopclient-copy{order:-1}
  .desktopclient-manager,
  .desktopclient-copy,
  .desktopclient-section,
  .desktopclient-final,
  .desktopclient-footer{
    border-radius:24px;
    padding:22px;
    overflow:hidden;
  }
  .desktopclient-manager{min-height:auto}
  .desktopclient-folder{
    grid-template-columns:1fr;
  }
  .desktopclient-folder span{width:100%}
  .desktopclient-copy h1{font-size:clamp(34px, 11vw, 50px)}
  .desktopclient-content p,
  .desktopclient-faq p,
  .desktopclient-copy span,
  .desktopclient-footer p{
    overflow-wrap:anywhere;
  }
  .desktopclient-switch,
  .desktopclient-final,
  .desktopclient-footer{
    flex-direction:column;
    align-items:stretch;
  }
  .desktopclient-hero-actions a,
  .desktopclient-content a,
  .desktopclient-mobile a,
  .desktopclient-final a,
  .desktopclient-footer a{
    width:100%;
  }
  .desktopclient-install .desktopclient-checklist,
  .desktopclient-content{
    grid-template-columns:1fr;
  }
  .desktopclient-fixed{display:flex}
}