.download-page main { padding: 22px 0 46px; background: #fff; }
@media (min-width:821px) { .download-page .wrap { width:min(97.2vw,var(--shell)); } }
.download-page .crumb { min-height:56px; padding:0 26px; display:flex; align-items:center; gap:10px; color:#78839b; border-radius:7px; background:linear-gradient(100deg,#f0f0ff,#f4f4ff); font-size:13px; }
.download-page .crumb b { color:#aeb5c7; font-size:18px; font-weight:400; }
.download-page h2 { color:#131d3a; font-size:29px; line-height:1.25; letter-spacing:-.02em; }
.download-asset { display:block; min-width:0; position:relative; overflow:hidden; }
.download-asset img { width:100%; height:100%; display:block; object-fit:contain; object-position:center; }
.client-hero,.official-callout { position:relative; overflow:hidden; border:1px solid #dfe2fa; border-radius:18px; background:linear-gradient(112deg,#fafbff 0%,#f4f4ff 52%,#f8f7ff 100%); }
.client-hero { background:transparent; }
.client-hero { border:0; }
.client-hero { min-height:clamp(544px,56vw,963px); margin-top:0; padding:clamp(16px,2vw,32px) 44px 94px; text-align:center; }
.client-hero::before { content:none; }
.client-hero-copy { position:relative; z-index:2; }
.client-label { min-height:26px; padding:0 11px; display:inline-grid; place-items:center; color:#6c50e7; border:1px solid #bdb0ff; border-radius:6px; background:#faf9ff; font-size:12px; font-weight:700; }
.client-hero h1 { margin-top:12px; color:#121b39; font-size:clamp(32px,3vw,48px); line-height:1.16; letter-spacing:.01em; }
.client-hero-copy p { margin-top:8px; color:#5d6981; font-size:12px; line-height:1.6; letter-spacing:-.35px; }
.hero-client-asset { position:absolute; z-index:1; left:50%; bottom:clamp(60px,calc(205px - 11.5vw),105px); width:100%; height:auto; aspect-ratio:1960 / 802; transform:translateX(-50%); background:url("../images/download-hero-client.webp") center bottom / 100% auto no-repeat; }
.hero-client-asset img { display:none; }
.hero-platform-bar { position:absolute; z-index:3; left:22px; right:22px; bottom:15px; min-height:82px; padding:12px 20px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:center; border:1px solid #dfe2f3; border-radius:16px; background:rgba(255,255,255,.94); box-shadow:0 10px 24px rgba(41,47,91,.09); }
.hero-platform-bar > a { min-height:50px; padding:0 20px; display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:12px; color:#505b76; border-right:1px solid #e2e5ef; }
.hero-platform-bar strong,.hero-platform-bar small,.hero-qr small { display:block; }
.hero-platform-bar strong { color:#5f49e5; font-size:15px; }
.hero-platform-bar small { margin-top:5px; color:#848da2; font-size:11px; }
.hero-platform-bar > a b { min-width:48px; min-height:28px; display:grid; place-items:center; color:#fff; border-radius:6px; background:linear-gradient(135deg,#7754eb,#5737df); font-size:11px; font-weight:600; }
.platform-icon { width:54px; height:54px; display:inline-block; position:relative; flex:0 0 auto; border-radius:50%; background:#efedff; }
.platform-icon::before,.platform-icon::after { content:""; position:absolute; display:block; }
.platform-icon.android { background:linear-gradient(135deg,#9bd839,#67ad23); }
.platform-icon.android::before { inset:17px 13px 12px; border-radius:7px 7px 4px 4px; background:#fff; }
.platform-icon.android::after { left:15px; top:11px; width:26px; height:15px; border-radius:18px 18px 6px 6px; background:#fff; box-shadow:-5px 18px 0 -3px #fff,31px 18px 0 -3px #fff; }
.platform-icon.apple { background:linear-gradient(135deg,#383d47,#11131a); }
.platform-icon.apple::before { left:18px; top:16px; width:23px; height:27px; border-radius:49% 49% 45% 45% / 40% 40% 60% 60%; background:#fff; transform:rotate(-7deg); }
.platform-icon.apple::after { left:32px; top:10px; width:10px; height:12px; border-radius:10px 2px 10px 2px; background:#fff; transform:rotate(-28deg); }
.platform-icon.windows { background:linear-gradient(135deg,#3cb7f4,#1574c6); }
.platform-icon.windows::before { left:15px; top:15px; width:11px; height:11px; background:#fff; box-shadow:14px 0 #fff,0 14px #fff,14px 14px #fff; transform:skewY(-4deg); }
.hero-platform-image { width:34px; height:34px; object-fit:contain; display:block; }
.hero-qr { min-height:54px; padding-left:19px; display:flex; align-items:center; gap:12px; color:#414b66; text-align:left; font-size:12px; font-weight:700; }
.hero-qr .qr-mark { width:51px; height:51px; flex:0 0 auto; border:5px solid #fff; box-shadow:0 0 0 1px #d1d5e4; background:linear-gradient(90deg,#16213e 9px,transparent 9px) 0 0/22px 22px,linear-gradient(#16213e 9px,transparent 9px) 0 0/22px 22px,repeating-linear-gradient(90deg,#17213e 0 3px,transparent 3px 7px),repeating-linear-gradient(#17213e 0 3px,transparent 3px 7px),#fff; }
.hero-qr small { margin-top:4px; color:#8a92a6; font-size:10px; line-height:1.45; font-weight:400; }
.download-section { margin-top:30px; }
.download-section > h2 { margin-bottom:18px; }
.device-grid { display:grid; grid-template-columns:1.04fr .96fr; gap:18px; }
.desktop-client { min-height:286px; padding:35px; position:relative; overflow:hidden; display:grid; grid-template-columns:96px minmax(0,1fr); column-gap:24px; border:1px solid #e0e4f1; border-radius:12px; background:linear-gradient(145deg,#fff,#fafaff); }
.desktop-client > .platform-icon { width:72px; height:72px; transform:scale(1.12); transform-origin:top left; }
.device-platform-art { display:block; object-fit:contain; flex:0 0 auto; }
.desktop-client > .device-platform-art { width:84px; height:84px; margin:-6px 0 0 -6px; }
.device-copy { position:relative; z-index:1; }
.device-copy h3 { color:#202b49; font-size:22px; }.device-copy em { margin-left:8px; padding:3px 7px; color:#59ae5c; border-radius:5px; background:#edf9ed; font-size:11px; font-style:normal; vertical-align:middle; }
.device-copy p { margin-top:11px; color:#647087; font-size:13px; line-height:1.8; }
.device-copy ul { margin-top:16px; display:flex; gap:18px; color:#79839a; font-size:12px; }.device-copy li::before { content:"◇"; margin-right:5px; color:#7657eb; }
.device-copy .btn { min-width:224px; min-height:44px; margin-top:20px; font-size:14px; }.device-copy > small { display:block; margin-top:10px; color:#939aad; font-size:11px; }
.mobile-client-list { display:grid; gap:12px; }.mobile-client-list a { min-height:137px; padding:26px 25px; display:grid; grid-template-columns:74px minmax(0,1fr) 112px; align-items:center; gap:18px; border:1px solid #e0e4f1; border-radius:12px; background:#fff; }.mobile-client-list .platform-icon { transform:scale(.88); transform-origin:left center; }.mobile-client-list .device-platform-art { width:64px; height:64px; }.mobile-client-list strong,.mobile-client-list small { display:block; }.mobile-client-list strong { color:#26304e; font-size:20px; }.mobile-client-list small { margin-top:9px; color:#738098; font-size:13px; line-height:1.7; }.mobile-client-list b { min-width:106px; min-height:40px; display:grid; place-items:center; color:#fff; border-radius:6px; background:linear-gradient(135deg,#7652e9,#5737dc); font-size:14px; font-weight:600; }
.choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.choice-grid article { min-height:182px; padding:28px 30px; position:relative; overflow:hidden; border:1px solid #e1e5f0; border-radius:12px; background:linear-gradient(145deg,#fff,#f9f9ff); }.choice-grid article > div { position:relative; z-index:1; max-width:49%; }.choice-grid h3 { color:#202b4a; font-size:20px; }.choice-grid p { margin-top:10px; color:#6d7890; font-size:12px; line-height:1.75; }.choice-grid a { min-width:95px; min-height:29px; margin-top:12px; display:inline-grid; place-items:center; color:#7051e8; border:1px solid #ad9dff; border-radius:5px; font-size:11px; font-weight:700; }.choice-grid .download-asset { position:absolute; right:15px; bottom:0; width:48%; height:90%; }
.setup-grid { display:grid; grid-template-columns:1fr 1.02fr; gap:18px; }.setup-flow,.setup-help { min-height:425px; overflow:hidden; border:1px solid #e1e5f0; border-radius:12px; background:#fff; }.setup-flow { position:relative; padding:28px 32px; }.setup-flow ol { width:47%; display:grid; gap:17px; counter-reset:none; }.setup-flow li { display:grid; grid-template-columns:34px minmax(0,1fr); gap:12px; align-items:start; }.setup-flow li > b { width:30px; height:30px; display:grid; place-items:center; color:#fff; border-radius:50%; background:linear-gradient(135deg,#7d64ee,#593bdc); font-size:15px; }.setup-flow h3 { color:#26304e; font-size:16px; }.setup-flow p { margin-top:7px; color:#727c92; font-size:11px; line-height:1.65; }.setup-flow .download-asset { position:absolute; right:4%; bottom:0; width:51%; height:93%; }.setup-help { padding:25px; }.setup-help > h3 { color:#26304e; font-size:20px; }.help-content { margin-top:17px; display:grid; grid-template-columns:minmax(0,1fr) 210px; gap:16px; }.question-list { border:1px solid #eaedf5; border-radius:8px; overflow:hidden; }.question-list details { border-bottom:1px solid #eaedf5; }.question-list details:last-child { border-bottom:0; }.question-list summary { min-height:42px; padding:0 12px; display:flex; align-items:center; justify-content:space-between; color:#5c6880; font-size:11px; cursor:pointer; list-style:none; }.question-list summary::-webkit-details-marker { display:none; }.question-list summary::after { content:"＋"; color:#7557e9; font-size:16px; }.question-list details p { padding:0 12px 10px; color:#81899c; font-size:10px; line-height:1.55; }.platform-guides { display:grid; gap:8px; }.platform-guides a { min-height:76px; padding:8px 10px; display:grid; grid-template-columns:38px minmax(0,1fr); column-gap:8px; align-items:center; border:1px solid #e5e8f1; border-radius:8px; }.platform-guides .platform-icon,.headset-dot { width:34px; height:34px; transform:scale(.62); transform-origin:left center; }.platform-guides span,.platform-guides small { display:block; }.platform-guides span { color:#505b75; font-size:11px; font-weight:700; }.platform-guides small { margin-top:3px; color:#8a92a5; font-size:9px; font-weight:400; }.platform-guides b { grid-column:2; min-width:60px; min-height:23px; margin-top:2px; display:grid; place-items:center; color:#fff; border-radius:4px; background:linear-gradient(135deg,#7652e9,#5737dc); font-size:9px; font-weight:600; }.headset-dot { display:block; position:relative; border-radius:50%; background:#eeeaff; }.headset-dot::before { content:""; position:absolute; inset:8px; border:4px solid #7353e7; border-bottom:0; border-radius:50% 50% 0 0; }.headset-dot::after { content:""; position:absolute; left:8px; right:8px; bottom:8px; height:5px; border-radius:4px; background:#7353e7; }
.official-callout { min-height:190px; margin-top:28px; padding:28px 62px; display:grid; grid-template-columns:.82fr 1.18fr; align-items:center; }.official-callout .download-asset { min-height:135px; }.official-callout h2 { font-size:clamp(28px,2.2vw,40px); }.official-callout p { margin-top:12px; color:#5e6880; font-size:14px; }.official-callout .btn { min-width:142px; min-height:43px; margin-top:19px; }.download-more { min-height:45px; margin-top:10px; display:flex; align-items:center; justify-content:center; gap:20px; color:#8b91a6; font-size:12px; }.download-more span { width:34px; height:1px; background:#c7c5dd; }
@media (max-width:1200px) { .client-hero { padding-inline:38px; }.hero-platform-bar > a { padding-inline:10px; }.desktop-client { padding:24px; }.help-content { grid-template-columns:minmax(0,1fr) 180px; }.setup-flow { padding-inline:22px; } }
@media (max-width:820px) { .download-page main{padding:14px 0 68px}.download-page .crumb{min-height:42px;padding-inline:15px;font-size:12px}.download-page h2{font-size:23px}.client-hero{min-height:520px;margin-top:14px;padding:26px 16px 126px;border-radius:12px}.client-label{min-height:26px;font-size:11px}.client-hero h1{margin-top:12px;font-size:30px}.client-hero-copy p{margin-top:11px;font-size:11px;line-height:1.7}.client-hero-copy p br{display:none}.hero-client-asset{bottom:112px;width:96%;height:175px}.hero-platform-bar{left:10px;right:10px;bottom:10px;min-height:104px;padding:8px;grid-template-columns:repeat(3,1fr);border-radius:10px}.hero-platform-bar>a{min-height:42px;padding:0 6px;grid-template-columns:1fr;gap:0;text-align:center;border-right:1px solid #e2e5ef}.hero-platform-image{width:28px;height:28px;margin:auto}.hero-platform-bar strong{font-size:11px}.hero-platform-bar small{display:none}.hero-platform-bar>a b{min-width:39px;min-height:21px;margin:3px auto 0;font-size:9px}.hero-qr{display:none}.download-section{margin-top:27px}.download-section>h2{margin-bottom:13px}.device-grid,.setup-grid{grid-template-columns:1fr;gap:10px}.desktop-client{min-height:230px;padding:20px;grid-template-columns:58px minmax(0,1fr);column-gap:12px}.desktop-client>.platform-icon{transform:scale(.8);transform-origin:top left}.device-copy h3{font-size:17px}.device-copy p{font-size:11px}.device-copy ul{gap:8px;font-size:10px}.device-copy .btn{min-width:0;min-height:39px;margin-top:12px;font-size:12px}.device-copy>small{font-size:9px}.mobile-client-list{gap:8px}.mobile-client-list a{min-height:96px;padding:14px;grid-template-columns:49px minmax(0,1fr) 16px;gap:8px}.mobile-client-list .platform-icon{transform:scale(.64);transform-origin:left center}.mobile-client-list strong{font-size:15px}.mobile-client-list small{margin-top:5px;font-size:10px}.mobile-client-list b{font-size:24px}.choice-grid{grid-template-columns:1fr;gap:10px}.choice-grid article{min-height:142px;padding:18px}.choice-grid h3{font-size:17px}.choice-grid p{max-width:175px;margin-top:7px;font-size:11px}.choice-grid a{margin-top:9px}.setup-flow,.setup-help{min-height:0;border-radius:10px}.setup-flow{min-height:326px;padding:18px}.setup-flow ol{width:62%;gap:12px}.setup-flow li{grid-template-columns:25px minmax(0,1fr);gap:8px}.setup-flow li>b{width:23px;height:23px;font-size:11px}.setup-flow h3{font-size:13px}.setup-flow p{font-size:9px}.setup-flow .download-asset{right:0;width:38%;height:88%}.setup-help{padding:16px}.setup-help>h3{font-size:17px}.help-content{margin-top:12px;grid-template-columns:1fr;gap:10px}.question-list summary{min-height:36px;font-size:10px}.question-list details p{font-size:9px}.platform-guides{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.platform-guides a{min-height:64px;padding:6px;grid-template-columns:28px minmax(0,1fr);column-gap:2px}.platform-guides .platform-icon,.headset-dot{transform:scale(.48);transform-origin:left center}.platform-guides span{font-size:9px}.platform-guides small{font-size:8px}.platform-guides b{min-width:48px;min-height:18px;font-size:8px}.official-callout{min-height:0;margin-top:24px;padding:20px;grid-template-columns:1fr;border-radius:12px}.official-callout .download-asset{min-height:106px;grid-row:2;margin-top:7px}.official-callout h2{font-size:25px}.official-callout p{font-size:11px;line-height:1.7}.official-callout .btn{min-height:40px;margin-top:13px;font-size:12px}.download-more{min-height:42px;font-size:9px} }

@media (max-width:820px) {
 .desktop-client > .device-platform-art { width:58px; height:58px; margin:-4px 0 0 -4px; }
 .mobile-client-list .device-platform-art { width:42px; height:42px; }
 .mobile-client-list a { grid-template-columns:49px minmax(0,1fr) 68px; }
 .mobile-client-list b { min-width:66px; min-height:28px; font-size:10px; }
}

@media (min-width:821px) {
 .hero-platform-bar { left:32px; right:32px; bottom:20px; min-height:144px; padding:18px 36px; border-radius:24px; }
 .hero-platform-bar > a { min-height:108px; padding:0 24px; grid-template-columns:64px minmax(0,1fr) 74px; gap:18px; text-align:left; }
 .hero-platform-image { width:56px; height:56px; }
 .hero-platform-bar strong { font-size:22px; }
 .hero-platform-bar small { margin-top:8px; font-size:14px; }
 .hero-platform-bar > a b { min-width:72px; min-height:42px; border-radius:7px; font-size:14px; }
 .client-hero-copy { transform:translateY(50px); }
 .hero-client-asset { top:230px; bottom:auto; }
 .client-hero h1 { font-size:67px; }
 .client-hero-copy p { margin-top:16px; font-size:24px; line-height:1.55; letter-spacing:-.7px; }
 .download-page h2 { font-size:29px; }
 .download-section { margin-top:30px; }
 .download-section > h2 { margin-bottom:18px; }
 .desktop-client { min-height:286px; padding:35px; grid-template-columns:96px minmax(0,1fr); column-gap:24px; }
 .desktop-client > .platform-icon { width:72px; height:72px; transform:scale(1.12); }
 .desktop-client > .device-platform-art { width:84px; height:84px; margin:-6px 0 0 -6px; }
 .device-copy h3 { font-size:22px; }
 .device-copy em { margin-left:8px; padding:3px 7px; font-size:11px; }
 .device-copy p { margin-top:11px; font-size:13px; line-height:1.8; }
 .device-copy ul { margin-top:16px; gap:18px; font-size:12px; }
 .device-copy .btn { min-width:224px; min-height:44px; margin-top:20px; font-size:14px; }
 .device-copy > small { margin-top:10px; font-size:11px; }
 .mobile-client-list { gap:12px; }
 .mobile-client-list a { min-height:137px; padding:26px 25px; grid-template-columns:74px minmax(0,1fr) 112px; gap:18px; }
 .mobile-client-list .platform-icon { transform:scale(.88); }
 .mobile-client-list .device-platform-art { width:64px; height:64px; }
 .mobile-client-list strong { font-size:20px; }
 .mobile-client-list small { margin-top:9px; font-size:13px; line-height:1.7; }
 .mobile-client-list b { min-width:106px; min-height:40px; font-size:14px; }
 .choice-grid { gap:12px; }
 .choice-grid article { min-height:137px; padding:20px 21px; border-radius:10px; }
 .choice-grid h3 { font-size:17px; }
 .choice-grid p { margin-top:7px; font-size:10px; line-height:1.55; }
 .choice-grid a { min-width:78px; min-height:24px; margin-top:8px; border-radius:4px; font-size:9px; }
 .choice-grid .download-asset { right:12px; }
 .setup-section { margin-top:0; }
 .setup-section > h2 { margin-bottom:0; }
 .setup-flow,.setup-help { min-height:346px; border-radius:10px; }
 .setup-flow { padding:20px 24px; }
 .setup-flow ol { gap:9px; }
 .setup-flow li { grid-template-columns:27px minmax(0,1fr); gap:10px; }
 .setup-flow li > b { width:25px; height:25px; font-size:12px; }
 .setup-flow h3 { font-size:14px; }
 .setup-flow p { margin-top:5px; font-size:9px; line-height:1.5; }
 .setup-help { padding:18px; }
 .setup-help > h3 { font-size:17px; }
 .help-content { margin-top:12px; grid-template-columns:minmax(0,1fr) 178px; gap:12px; }
 .question-list summary { min-height:34px; padding-inline:10px; font-size:9px; }
 .question-list summary::after { font-size:14px; }
 .question-list details p { padding:0 10px 8px; font-size:8px; line-height:1.45; }
 .platform-guides { gap:5px; }
 .platform-guides a { min-height:62px; padding:6px 8px; grid-template-columns:31px minmax(0,1fr); column-gap:5px; border-radius:7px; }
 .platform-guides .platform-icon,.platform-guides .guide-icon,.platform-guides .headset-dot { width:31px; height:31px; transform:scale(.55); transform-origin:left center; }
 .platform-guides span { font-size:9px; }
 .platform-guides small { margin-top:2px; font-size:8px; }
 .platform-guides b { min-width:52px; min-height:20px; margin-top:1px; font-size:8px; }
 .official-callout { min-height:169px; margin-top:9px; padding:20px 46px; }
 .official-callout .download-asset { min-height:110px; }
 .official-callout h2 { font-size:clamp(24px,2vw,32px); }
 .official-callout p { margin-top:8px; font-size:12px; }
 .official-callout .btn { min-width:124px; min-height:38px; margin-top:12px; }
 .download-more { min-height:42px; margin-top:8px; gap:18px; font-size:10px; }
 .download-more span { width:30px; }
}

/* 与关于我们页一致的移动端面包屑规格 */
@media (max-width:820px) {
 .download-page .crumb {
  min-height:56px;
  padding-inline:18px;
  overflow:hidden;
  font-size:12px;
  white-space:nowrap;
  text-overflow:ellipsis;
 }
 .hero-client-asset {
  height:auto;
  aspect-ratio:1960 / 802;
 }
}

.device-section .device-copy .btn,
.device-section .mobile-client-list b {
 min-height:44px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 color:#fff;
 border-radius:10px;
 background:linear-gradient(135deg,var(--blue),var(--violet));
 box-shadow:0 12px 24px rgba(83,62,218,.24);
 font-size:14px;
 font-weight:700;
 line-height:1;
 white-space:nowrap;
 transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
}

.device-section .mobile-client-list a:hover b,
.device-section .mobile-client-list a:focus-visible b {
 transform:translateY(-2px);
 box-shadow:0 16px 32px rgba(83,62,218,.32);
}

.device-section .mobile-client-list a {
 grid-template-columns:74px minmax(0,1fr) max-content;
}

.device-section .mobile-client-list b {
 min-width:0;
 padding:0 18px;
}

@media (max-width:820px) {
 .device-section .mobile-client-list a {
  grid-template-columns:49px minmax(0,1fr) max-content;
 }

 .device-section .mobile-client-list b {
  min-width:0;
  min-height:32px;
  padding:0 10px;
  border-radius:8px;
  font-size:11px;
  box-shadow:0 8px 18px rgba(83,62,218,.22);
 }
}

@media (min-width:821px) {
 .choice-section {
  padding:36px 30px 34px;
  border:1px solid #e1e5f0;
  border-radius:18px;
  background:#fff;
 }

 .choice-section > h2 {
  margin-bottom:14px;
  font-size:40px;
  line-height:1.2;
 }

 .choice-section .choice-grid {
  gap:20px;
 }

 .choice-section .choice-grid article {
  min-height:274px;
  padding:38px 35px;
  border-radius:12px;
 }

 .choice-section .choice-grid article > div {
  max-width:43%;
 }

 .choice-section .choice-grid h3 {
  font-size:26px;
  line-height:1.25;
 }

 .choice-section .choice-grid p {
  max-width:360px;
  margin-top:22px;
  font-size:17px;
  line-height:1.75;
 }

 .choice-section .choice-grid a {
  min-width:132px;
  min-height:40px;
  margin-top:18px;
  border-radius:8px;
  font-size:16px;
 }

 .choice-section .choice-grid .download-asset {
  right:24px;
  bottom:18px;
  width:57%;
  height:86%;
 }

 .setup-section {
  margin-top:24px;
 }

 .setup-section .setup-grid {
  grid-template-columns:1.04fr .96fr;
  gap:20px;
 }

 .setup-section .setup-flow,
 .setup-section .setup-help {
  min-height:600px;
  border-radius:18px;
 }

 .setup-section .setup-flow {
  padding:32px 30px;
 }

 .setup-section .setup-flow > h2,
 .setup-section .setup-help > h3 {
  color:#131d3a;
  font-size:40px;
  line-height:1.2;
 }

 .setup-section .setup-flow ol {
  width:49%;
  margin:12px 0 0;
  padding:0;
  gap:20px;
  position:relative;
 }

 .setup-section .setup-flow ol::before {
  content:"";
  position:absolute;
  left:29px;
  top:50px;
  bottom:50px;
  border-left:2px dotted #7652e9;
 }

 .setup-section .setup-flow li {
  grid-template-columns:58px minmax(0,1fr);
  gap:12px;
  position:relative;
  z-index:1;
 }

 .setup-section .setup-flow li > b {
  width:58px;
  height:58px;
  font-size:28px;
 }

 .setup-section .setup-flow h3 {
  font-size:25px;
  line-height:1.25;
 }

 .setup-section .setup-flow p {
  margin-top:10px;
  font-size:16px;
  line-height:1.6;
 }

 .setup-section .setup-flow .download-asset {
  right:3.5%;
  top:82px;
  bottom:auto;
  width:38%;
  height:78%;
 }

 .setup-section .setup-help {
  padding:30px 34px;
 }

 .setup-section .help-content {
  margin-top:16px;
  grid-template-columns:minmax(0,1fr) 232px;
  gap:16px;
 }

 .setup-section .question-list {
  border-radius:10px;
 }

 .setup-section .question-list h4 {
  margin:0;
  padding:16px 16px 5px;
  color:#131d3a;
  font-size:21px;
  line-height:1.25;
 }

 .setup-section .question-list summary {
  min-height:46px;
  padding-inline:16px;
  font-size:15px;
 }

 .setup-section .question-list summary::after {
  font-size:24px;
 }

 .setup-section .question-list details[open] summary::after {
  content:"－";
 }

 .setup-section .question-list details p {
  padding:0 16px 12px;
  font-size:14px;
  line-height:1.6;
 }

 .setup-section .platform-guides {
  gap:8px;
 }

 .setup-section .platform-guides a {
  min-height:104px;
  padding:10px 14px;
  grid-template-columns:54px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:14px;
  row-gap:5px;
  border-radius:14px;
 }

 .setup-section .platform-guides .platform-icon,
 .setup-section .platform-guides .guide-icon,
 .setup-section .platform-guides .headset-dot {
  width:54px;
  height:54px;
  display:block;
  grid-row:1 / span 2;
  align-self:center;
  object-fit:contain;
  transform:none;
 }

 .setup-section .platform-guides .headset-dot.guide-icon {
  position:relative;
  border-radius:50%;
  background:#eeeaff;
 }

 .setup-section .platform-guides .headset-dot.guide-icon::before {
  inset:13px 12px 20px;
  border-width:5px;
 }

 .setup-section .platform-guides .headset-dot.guide-icon::after {
  left:13px;
  right:13px;
  bottom:13px;
  height:6px;
 }

 .setup-section .platform-guides span {
  font-size:17px;
  line-height:1.22;
 }

 .setup-section .platform-guides small {
  margin-top:5px;
  font-size:11px;
 }

 .setup-section .platform-guides b {
  min-width:92px;
  min-height:28px;
  margin-top:0;
  border-radius:8px;
  font-size:12px;
 }
}

@media (min-width:821px) {
 .device-section {
  padding:36px 30px 34px;
  border:1px solid #e1e5f0;
  border-radius:18px;
  background:#fff;
 }

 .device-section > h2 {
  margin-bottom:16px;
  font-size:40px;
  line-height:1.2;
 }

 .device-section .device-grid {
  gap:20px;
 }

 .device-section .desktop-client {
  min-height:438px;
  padding:54px 56px;
  grid-template-columns:146px minmax(0,1fr);
  column-gap:40px;
  border-radius:12px;
 }

 .device-section .desktop-client > .device-platform-art {
  width:92px;
  height:92px;
  margin:0;
 }

 .device-section .device-copy h3 {
  font-size:30px;
  line-height:1.25;
 }

 .device-section .device-copy em {
  margin-left:14px;
  padding:5px 10px;
  border-radius:7px;
  font-size:14px;
 }

 .device-section .device-copy p {
  margin-top:24px;
  font-size:19px;
  line-height:1.8;
 }

 .device-section .device-copy ul {
  margin-top:28px;
  gap:48px;
  font-size:17px;
 }

 .device-section .device-copy .btn {
  min-width:388px;
  min-height:61px;
  margin-top:28px;
  border-radius:8px;
  font-size:20px;
 }

 .device-section .device-copy > small {
  margin-top:18px;
  font-size:14px;
 }

 .device-section .mobile-client-list {
  gap:18px;
 }

 .device-section .mobile-client-list a {
  min-height:210px;
  padding:38px 35px;
  grid-template-columns:120px minmax(0,1fr) max-content;
  gap:28px;
  border-radius:12px;
 }

 .device-section .mobile-client-list .device-platform-art {
  width:92px;
  height:92px;
 }

 .device-section .mobile-client-list strong {
  font-size:30px;
  line-height:1.25;
 }

 .device-section .mobile-client-list small {
  margin-top:20px;
  font-size:19px;
  line-height:1.8;
 }

 .device-section .mobile-client-list b {
  min-height:50px;
  padding:0 22px;
  border-radius:10px;
  font-size:16px;
 }
}

.platform-guides .guide-icon {
 display:block;
 width:34px;
 height:34px;
 object-fit:contain;
}

@media (max-width:820px) {
 .setup-section .platform-guides .guide-icon {
  width:28px;
  height:28px;
  grid-row:1 / span 2;
  align-self:center;
  transform:none;
 }

 .setup-section .platform-guides .headset-dot.guide-icon {
  position:relative;
  border-radius:50%;
  background:#eeeaff;
 }

 .setup-section .platform-guides .headset-dot.guide-icon::before {
  inset:7px 6px 11px;
  border-width:3px;
 }

 .setup-section .platform-guides .headset-dot.guide-icon::after {
  left:7px;
  right:7px;
  bottom:7px;
  height:4px;
 }
}

.official-callout .download-asset {
 height:135px;
}

@media (max-width:1200px) {
 .official-callout .download-asset {
  height:110px;
 }
}

@media (max-width:820px) {
 .official-callout .download-asset {
  height:106px;
 }
}

@media (min-width:821px) {
 .official-callout {
  min-height:190px;
  padding:28px 62px;
  grid-template-columns:minmax(250px,.62fr) 1.38fr;
 }

 .official-callout .download-asset {
  width:238px;
  height:138px;
  min-height:0;
  justify-self:start;
 }

 .official-callout .download-asset img {
  object-position:left center;
 }

 .official-callout > div {
  justify-self:start;
  padding-left:42px;
 }
}

@media (max-width:820px) {
 .official-callout .download-asset img {
  object-position:center;
 }
}

.download-more {
 min-height:56px;
 margin-top:18px;
 gap:24px;
 color:#6f7890;
 font-size:14px;
 font-weight:500;
 line-height:1.6;
}

.download-more p {
 margin:0;
}

.download-more span {
 width:42px;
 background:#d6d4ec;
}

@media (max-width:820px) {
 .download-more {
  min-height:48px;
  margin-top:14px;
  gap:12px;
  font-size:12px;
  line-height:1.55;
  text-align:center;
 }

 .download-more span {
  width:22px;
 }
}