:root {
  --dc-scale: 1;
  --dc-left-width: 226px;
  --dc-full-width: 820px;
  --dc-height: 820px;
  --dc-top: 12px;
}

.next-status-header {
  z-index: 70 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none;
}
.next-status-header::before,
.next-status-header::after,
.next-status-header > .next-atmosphere,
.next-status-header > .next-runner,
.next-status-header > .next-brand-zone,
.next-status-header > .next-creative-center { display: none !important; }
.next-status-header .next-action-zone {
  margin-left: auto !important;
  gap: 10px !important;
  transform: translate(10px, 10px) !important;
  pointer-events: auto;
}

.download-center-portal {
  position: fixed;
  /* The source page contains its own complete right-hand stage.  Keep the
     portal above the host site's animated canvas when it expands; otherwise
     the host canvas visually masks the iframe even though its width changed. */
  z-index: 120;
  left: 8px;
  top: var(--dc-top);
  width: var(--dc-full-width);
  height: var(--dc-height);
  margin: 0;
  padding: 0;
  overflow: hidden;
  clip-path: inset(0 calc(var(--dc-full-width) - var(--dc-left-width)) 0 0 round calc(22px * var(--dc-scale)));
  border: 0;
  border-radius: calc(22px * var(--dc-scale));
  background: #000;
  box-shadow: 0 24px 68px rgba(0,0,0,.68);
  isolation: isolate;
  transition: clip-path .18s cubic-bezier(.22,.82,.2,1), box-shadow .18s ease;
}
.download-center-portal.is-open {
  clip-path: inset(0 round calc(22px * var(--dc-scale)));
  box-shadow: 0 28px 90px rgba(0,0,0,.86), 0 0 34px rgba(75,226,255,.08);
}
.download-center-closed-flow {
  position: absolute;
  z-index: 8;
  inset: 0 auto 0 0;
  width: var(--dc-left-width);
  height: 100%;
  overflow: visible;
  pointer-events: none;
  filter: saturate(1.08);
}
.download-center-portal.is-open .download-center-closed-flow { display: none; }
.dc-closed-track,.dc-closed-streak { fill:none; }
.dc-closed-track { stroke:rgba(73,222,255,.16);stroke-width:.8; }
.dc-closed-streak {
  stroke:url(#dc-closed-spectrum);
  stroke-linecap:round;
  animation-duration:8.4s;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
  animation-delay:var(--dc-closed-delay,0s);
}
.dc-closed-tail-far { stroke-width:.58;stroke-opacity:.12;stroke-dasharray:34 66;animation-name:dcClosedFar; }
.dc-closed-tail-mid { stroke-width:.72;stroke-opacity:.28;stroke-dasharray:25 75;animation-name:dcClosedMid; }
.dc-closed-tail-near { stroke-width:.92;stroke-opacity:.58;stroke-dasharray:15 85;animation-name:dcClosedNear; }
.dc-closed-head { stroke-width:1.65;stroke-opacity:1;stroke-dasharray:4.2 95.8;animation-name:dcClosedHead; }
.dc-closed-group-b { --dc-closed-delay:-2.1s; }
.dc-closed-group-c { --dc-closed-delay:-4.2s; }
.dc-closed-group-d { --dc-closed-delay:-6.3s; }
@keyframes dcClosedFar { from{stroke-dashoffset:0}to{stroke-dashoffset:-100} }
@keyframes dcClosedMid { from{stroke-dashoffset:-7}to{stroke-dashoffset:-107} }
@keyframes dcClosedNear { from{stroke-dashoffset:-17}to{stroke-dashoffset:-117} }
@keyframes dcClosedHead { from{stroke-dashoffset:-31}to{stroke-dashoffset:-131} }
.download-center-frame {
  position: absolute;
  inset: 0 auto auto 0;
  width: 820px;
  height: 820px;
  display: block;
  border: 0;
  background: #000;
  transform: scale(var(--dc-scale));
  transform-origin: 0 0;
}

.brand-profile-popover {
  position: fixed;
  z-index: 2147483000;
  width: var(--brand-popover-width, 390px);
  height: var(--brand-popover-height, 177px);
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, visibility 0s linear .18s;
}
.brand-profile-popover.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}
.brand-profile-popover-card {
  position: absolute;
  inset: 0 auto auto 0;
  box-sizing: border-box;
  width: 520px;
  height: 236px;
  display: grid;
  grid-template-columns: 154px 1fr;
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(85,234,255,.24);
  border-radius: 18px;
  color: #eaf3f8;
  background-color: rgba(5,7,15,.97);
  background-image:
    linear-gradient(rgba(72,229,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(72,229,255,.035) 1px,transparent 1px),
    linear-gradient(145deg,rgba(18,22,42,.98),rgba(5,7,15,.98));
  background-size: 18px 18px,18px 18px,auto;
  box-shadow: inset 0 0 0 1px rgba(198,80,255,.07);
  transform: scale(var(--brand-popover-scale, .75));
  transform-origin: 0 0;
  font-family: "HarmonyOS Sans SC","MiSans","Alibaba PuHuiTi 3.0","Microsoft YaHei UI",sans-serif;
}
.brand-profile-popover-corners {
  position: absolute;
  inset: 11px;
  z-index: 8;
  pointer-events: none;
}
.brand-profile-popover-corners i {
  position: absolute;
  width: 30px;
  height: 30px;
  border-color: #52edff;
  border-style: solid;
  filter: drop-shadow(0 0 5px rgba(76,234,255,.68));
}
.brand-profile-popover-corners i:nth-child(1) { left:0;top:0;border-width:2px 0 0 2px; }
.brand-profile-popover-corners i:nth-child(2) { right:0;top:0;border-width:2px 2px 0 0;border-color:#bd55ff;filter:drop-shadow(0 0 5px rgba(189,85,255,.7)); }
.brand-profile-popover-corners i:nth-child(3) { left:0;bottom:0;border-width:0 0 2px 2px;border-color:#bd55ff;filter:drop-shadow(0 0 5px rgba(189,85,255,.7)); }
.brand-profile-popover-corners i:nth-child(4) { right:0;bottom:0;border-width:0 2px 2px 0; }
.brand-profile-popover-scan {
  position: absolute;
  z-index: 9;
  left: 8%;
  right: 8%;
  top: 12%;
  height: 1px;
  background: linear-gradient(90deg,transparent,rgba(121,239,255,.85),transparent);
  box-shadow: 0 0 7px rgba(81,234,255,.68);
  opacity: .52;
  animation: brandPopoverScan 4.6s ease-in-out infinite paused;
  pointer-events: none;
}
.brand-profile-popover.is-visible .brand-profile-popover-scan { animation-play-state: running; }
.brand-profile-popover-visual {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 24px 16px;
  border-right: 1px solid rgba(85,234,255,.12);
  background: radial-gradient(circle at 50% 43%,rgba(81,234,255,.16),transparent 43%),linear-gradient(160deg,rgba(33,30,78,.28),rgba(4,8,15,.2));
}
.brand-profile-popover-visual::after {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(82,237,255,.13);
  border-radius: 11px;
  pointer-events: none;
}
.brand-profile-popover-kicker { color:rgba(178,224,255,.65);font-size:9px;letter-spacing:.12em; }
.brand-profile-popover-visual img {
  width: 112px;
  height: 112px;
  display: block;
  object-fit: contain;
  border-radius: 50%;
  filter: drop-shadow(0 8px 15px rgba(0,0,0,.5)) drop-shadow(0 0 13px rgba(82,195,255,.28));
}
.brand-profile-popover-visual strong { color:rgba(239,247,251,.9);font-size:13px;font-weight:500;letter-spacing:.18em;text-indent:.18em; }
.brand-profile-popover-content { display:flex;flex-direction:column;padding:27px 28px 23px; }
.brand-profile-popover-content h2 { margin:0 0 14px;color:#f5fbff;font-size:20px;font-weight:500;letter-spacing:.12em; }
.brand-profile-popover-content p { margin:0;color:rgba(214,226,234,.8);font-size:13px;line-height:1.9;text-align:justify; }
.brand-profile-popover-company { margin-top:auto;padding-top:17px;color:rgba(129,225,245,.82);font-size:12px;letter-spacing:.04em; }
@keyframes brandPopoverScan {
  0%,12% { transform:translateY(0);opacity:0; }
  20%,78% { opacity:.44; }
  88%,100% { transform:translateY(188px);opacity:0; }
}

.header-download-center-panel {
  position: fixed;
  z-index: 900;
  top: 50px;
  right: 64px;
  width: min(630px, calc(100vw - 128px));
  height: min(635px, calc(100vh - 68px));
  min-height: 320px;
  overflow: hidden;
  isolation: isolate;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.header-download-center-panel[hidden] {
  display: none !important;
}
.header-download-center-frame {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  background: #000;
}

.next-status-header .next-action-zone .download-menu,
.next-status-header .next-action-zone .ac-qr-button,
.next-status-header .next-action-zone .ac-language-switch {
  position: relative !important;
  min-height: 32px !important;
  height: 32px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: linear-gradient(180deg,rgba(12,17,25,.98),rgba(3,7,13,.98)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.065),0 5px 15px rgba(0,0,0,.38) !important;
  isolation:isolate !important;
}
.ac-action-flow {
  position: absolute !important;
  inset: 0 !important;
  z-index:3 !important;
  display:block !important;
  padding: 1px !important;
  border-radius: inherit !important;
  background:conic-gradient(from var(--ac-flow-angle),
    transparent 0deg 24deg,
    rgba(255,53,94,.05) 38deg,
    rgba(255,92,142,.2) 56deg,
    rgba(255,216,77,.58) 76deg,
    #fff3c2 88deg,
    #ff355e 92deg,
    transparent 103deg 204deg,
    rgba(97,220,255,.05) 218deg,
    rgba(168,85,247,.2) 236deg,
    rgba(97,220,255,.58) 256deg,
    #efffff 268deg,
    #a855f7 272deg,
    transparent 283deg 360deg) !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  opacity:.96 !important;
  filter:drop-shadow(0 0 2px rgba(84,229,255,.68)) drop-shadow(0 0 2.5px rgba(255,78,145,.44)) !important;
  animation:acActionFlow 6.4s linear infinite !important;
  pointer-events:none !important;
}
.next-status-header .next-action-zone .download-menu > .next-download,
.ac-qr-button > svg,
.ac-language-switch > button,
.ac-language-switch > i:not(.ac-action-flow) { position:relative;z-index:5; }
html body[data-next-style] .next-status-header .next-action-zone .download-menu::before {
  display:none !important;
  content:none !important;
}
.ac-qr-control { position: relative; display: inline-flex; }
.ac-qr-button {
  width: 48px;
  height: 32px;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #78efff;
  border: 0;
  border-radius: 10px;
  background: transparent;
  cursor: pointer;
  transition: transform .2s ease,color .2s ease;
}
.ac-qr-button:hover { color: #fff; transform: translateY(-1px); }
.ac-qr-button svg { width: 21px; height: 21px; fill: currentColor; filter: drop-shadow(0 0 4px rgba(105,239,255,.42)); }
.ac-qr-popover {
  position: absolute;
  z-index: 140;
  right: 0;
  top: calc(100% + 10px);
  width: 224px;
  padding: 17px 16px 13px;
  display: grid;
  place-items: center;
  gap: 10px;
  border: 1px solid rgba(84,228,255,.25);
  border-radius: 15px;
  background: rgba(2,7,16,.98);
  box-shadow: 0 22px 64px rgba(0,0,0,.85),inset 0 0 28px rgba(76,168,255,.07);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(.92);
  transform-origin: 90% 0;
  transition: opacity .22s ease,transform .26s ease,visibility .22s;
}
.ac-qr-control.is-open .ac-qr-popover { opacity: 1; visibility: visible; pointer-events: auto; transform: scale(1); }
.ac-qr-control > .ac-qr-popover:not(.download-card) {
  width: 224px !important;
  padding: 17px 16px 13px !important;
}
.ac-qr-image { position: relative; width: 180px; height: 180px; display: grid; place-items: center; overflow: hidden; border-radius: 12px; background: #fff; }
.ac-qr-image img { position: relative; z-index: 1; width: 170px; height: 170px; object-fit: contain; border-radius: 8px; background: #fff; }
.ac-qr-popover > strong { color: rgba(218,231,238,.76); font-size: 11px; font-weight: 500; }
.ac-qr-corners { position: absolute; inset: 9px; pointer-events: none; }
.ac-qr-corners i { position: absolute; width: 23px; height: 23px; border-style: solid; filter: drop-shadow(0 0 4px currentColor); }
.ac-qr-corners i:nth-child(1) { left:0;top:0;color:#55efff;border-width:2px 0 0 2px; }
.ac-qr-corners i:nth-child(2) { right:0;top:0;color:#d85cff;border-width:2px 2px 0 0; }
.ac-qr-corners i:nth-child(3) { right:0;bottom:0;color:#55efff;border-width:0 2px 2px 0; }
.ac-qr-corners i:nth-child(4) { left:0;bottom:0;color:#d85cff;border-width:0 0 2px 2px; }
.ac-qr-scan { position:absolute;z-index:3;left:24px;right:24px;top:30px;height:1px;background:linear-gradient(90deg,transparent,#fff,#55efff,transparent);box-shadow:0 0 8px #55efff;opacity:.7;animation:qr-scan 3.8s ease-in-out infinite;pointer-events:none; }

.ac-language-switch {
  width: 104px;
  height: 32px;
  padding: 2px;
  display: grid;
  grid-template-columns: 1fr 1px 1fr;
  align-items: center;
  border-radius: 10px;
  background: transparent;
}
.ac-language-switch button { position:relative;z-index:2;height:100%;padding:0;color:rgba(186,202,215,.5);border:0;background:transparent;font-size:11px;font-weight:600;cursor:pointer; }
.ac-language-switch button.is-active { color:#fff;text-shadow:0 0 7px #56eaff; }
.ac-language-switch > i { width:1px;height:15px;background:linear-gradient(transparent,#5feeff,#ff5acf,transparent);opacity:.55; }
.ac-language-orbit { position:absolute;z-index:2;left:1px;top:1px;bottom:1px;width:50px;border-radius:8px;background:linear-gradient(120deg,rgba(55,213,255,.18),rgba(161,81,255,.14));box-shadow:inset 0 0 0 1px rgba(98,229,255,.16),0 0 12px rgba(80,221,255,.08);transform:translateX(0);transition:transform .3s cubic-bezier(.22,.8,.25,1); }
.ac-language-switch[data-lang="en"] .ac-language-orbit { transform:translateX(51px);background:linear-gradient(120deg,rgba(255,71,199,.18),rgba(92,97,255,.14)); }

@property --ac-flow-angle { syntax:'<angle>';inherits:false;initial-value:0deg; }
@keyframes acActionFlow { to { --ac-flow-angle:-360deg; } }
@keyframes qr-scan { 0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(164px);opacity:.85} }

@media (max-width: 720px) {
  .next-status-header .next-action-zone { gap: 5px !important; }
  .ac-language-switch { width: 88px; }
  .ac-language-switch[data-lang="en"] .ac-language-orbit { transform: translateX(43px); }
}

@media (max-width: 620px) {
  .header-download-center-panel {
    top: 60px;
    right: 6px;
    bottom: auto;
    width: calc(100vw - 12px);
    height: min(calc(100vw - 12px), calc(100vh - 132px));
    min-height: 0;
    border-radius: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .download-center-portal,.dc-closed-streak,.ac-action-flow,.ac-qr-scan,.ac-language-orbit { animation:none!important;transition:none!important; }
}

/* 顶部功能区最终统一：覆盖官网原按钮更高优先级的高度、内边距与伪元素。 */
html body[data-next-style] .next-status-header .next-action-zone .download-menu,
html body[data-next-style] .next-status-header .next-action-zone .ac-qr-button,
html body[data-next-style] .next-status-header .next-action-zone .ac-language-switch {
  box-sizing:border-box!important;
  min-height:32px!important;
  max-height:32px!important;
  height:32px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border-radius:9px!important;
}
html body[data-next-style] .next-status-header .next-action-zone .download-menu {
  padding-left:14px!important;
  padding-right:14px!important;
}
html body[data-next-style] .next-status-header .next-action-zone .ac-qr-button {
  padding-left:0!important;
  padding-right:0!important;
}
html body[data-next-style] .next-status-header .next-action-zone .download-menu::before,
html body[data-next-style] .next-status-header .next-action-zone .download-menu::after {
  display:none!important;
  content:none!important;
}
html body[data-next-style] .next-status-header .next-action-zone .ac-language-switch {
  padding:1px!important;
}
html body[data-next-style] .next-status-header .next-action-zone .ac-language-orbit {
  top:0!important;
  bottom:0!important;
  left:0!important;
  width:52px!important;
  border-radius:9px!important;
}
html body[data-next-style] .next-status-header .next-action-zone .ac-language-switch[data-lang="en"] .ac-language-orbit {
  transform:translateX(52px)!important;
}