html body[data-next-style].has-homepage-carousels .next-status-header .next-action-zone:has(>.homepage-promo-showcase):has(>.site-account-row) {
  --homepage-promo-band: var(--homepage-carousel-band-height, 13.75dvh);
  --homepage-promo-dock-track: calc((var(--homepage-promo-band) - 32px) / 4);
  --homepage-promo-control-height: 32px;
  top: 0 !important;
  bottom: 0 !important;
  height: auto !important;
  min-height: 0;
  transform: none !important;
  row-gap: 0 !important;
  grid-template-rows: repeat(4, var(--homepage-promo-dock-track)) 32px minmax(72px, 1fr) repeat(4, var(--homepage-promo-dock-track)) 32px !important;
}
html body[data-next-style].has-homepage-carousels .next-status-header .next-action-zone:has(>.homepage-promo-showcase) :is(.download-menu,.next-download,.ac-qr-control,.ac-qr-button,.header-agent-mode,.header-capability-grid>button,.website-quality,.homepage-carousel-control,.homepage-carousel-toggle,.homepage-language-control,.homepage-language-trigger,.contact-trigger,.site-account-row,.site-account-button) {
  height: var(--homepage-promo-control-height) !important;
  min-height: var(--homepage-promo-control-height) !important;
  align-self: start;
}
html body[data-next-style].has-homepage-carousels .next-status-header .next-action-zone:has(>.homepage-promo-showcase)>.header-capability-grid {
  grid-template-rows: repeat(2, var(--homepage-promo-dock-track)) 32px !important;
  row-gap: 0 !important;
}
html body[data-next-style] .next-status-header .next-action-zone>.homepage-promo-showcase {
  position: relative;
  grid-column: 1 / -1;
  grid-row: 6;
  min-width: 0;
  min-height: 0;
  align-self: stretch;
  height: auto;
  max-height: none;
  margin-block: 6px;
  overflow: hidden;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(155deg, rgba(13, 31, 45, .7), rgba(4, 8, 18, .7));
  box-shadow: inset 0 0 22px rgba(55, 187, 225, .07), 0 9px 25px rgba(0, 0, 0, .28);
  color: #dff9ff;
}
html body[data-next-style] .next-status-header .next-action-zone>.homepage-promo-showcase>.dual-flow-canvas {
  z-index: 5 !important;
  border-radius: inherit;
}
.homepage-promo-heading {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 28px;
  padding: 0 9px;
  border-bottom: 1px solid rgba(122, 221, 242, .13);
  font: 700 11px/1.2 'Microsoft YaHei', sans-serif;
  letter-spacing: .05em;
}
.homepage-promo-heading span { color: rgba(193, 235, 245, .58); font-size: 10px; font-weight: 500; letter-spacing: 0; }
.homepage-promo-body { position: relative; z-index: 1; display: block; height: calc(100% - 28px); min-height: 42px; padding: 4px 5px 6px; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; scroll-behavior: smooth; }
.homepage-promo-body::-webkit-scrollbar { display: none; }
.homepage-promo-body:focus-visible { outline: 1px solid rgba(111,225,255,.7); outline-offset: -2px; }
.homepage-promo-body>a { display: block; width: 100%; box-sizing: border-box; padding: 5px 4px; overflow: hidden; border-bottom: 1px solid rgba(126,214,234,.08); color: #cfeef5; font: 11px/1.45 'Microsoft YaHei',sans-serif; text-overflow: ellipsis; white-space: nowrap; text-decoration: underline; text-decoration-color: rgba(126,214,234,.32); text-underline-offset: 2px; }
.homepage-promo-body>a:is(:hover,:focus-visible) { color: #fff; background: rgba(104,220,244,.08); text-decoration-color: currentColor; outline: none; }
.homepage-promo-body>a[data-promo-pending="true"] { cursor: pointer; }
html body[data-next-style] .next-status-header .next-action-zone:has(>.homepage-promo-showcase) .website-quality { grid-row: 7 !important; }
html body[data-next-style] .next-status-header .next-action-zone:has(>.homepage-promo-showcase) .homepage-carousel-control { grid-row: 8 !important; }
html body[data-next-style] .next-status-header .next-action-zone:has(>.homepage-promo-showcase) :is(.homepage-language-control,.ac-language-switch) { grid-row: 9 !important; }
html body[data-next-style] .next-status-header .next-action-zone:has(>.homepage-promo-showcase) .contact-trigger { grid-row: 10 !important; }
html body[data-next-style] .next-status-header .next-action-zone:has(>.homepage-promo-showcase)>.site-account-row { grid-row: 11 !important; }
/* Keep the controls at their existing size; only their row starts follow the carousel bands. */
@media (max-width: 720px) {
  .homepage-promo-showcase { display: none !important; }
  html body[data-next-style].has-homepage-carousels .next-status-header .next-action-zone:has(>.homepage-promo-showcase) { row-gap: 6px !important; }
  html body[data-next-style].has-homepage-carousels .next-status-header .next-action-zone:has(>.homepage-promo-showcase)>.header-capability-grid { grid-template-rows: repeat(3,32px) !important; row-gap: 6px !important; }
  html body[data-next-style].has-homepage-carousels .next-status-header .next-action-zone:has(>.homepage-promo-showcase):has(>.site-account-row) { top: 50% !important; bottom: auto !important; height: auto !important; min-height: 0; transform: translateY(-50%) !important; grid-template-rows: repeat(10, 32px) !important; }
  html body[data-next-style] .next-status-header .next-action-zone:has(>.homepage-promo-showcase) .website-quality { grid-row: 6 !important; }
  html body[data-next-style] .next-status-header .next-action-zone:has(>.homepage-promo-showcase) .homepage-carousel-control { grid-row: 7 !important; }
  html body[data-next-style] .next-status-header .next-action-zone:has(>.homepage-promo-showcase) :is(.homepage-language-control,.ac-language-switch) { grid-row: 8 !important; }
  html body[data-next-style] .next-status-header .next-action-zone:has(>.homepage-promo-showcase) .contact-trigger { grid-row: 9 !important; }
  html body[data-next-style] .next-status-header .next-action-zone:has(>.homepage-promo-showcase)>.site-account-row { grid-row: 10 !important; }
}
/* Layout B uses one entry in the original compact rail. Layout A is archived in docs/ui-baselines. */
html[data-homepage-promo-layout="button"] body[data-next-style].has-homepage-carousels .next-status-header .next-action-zone:has(>.site-account-row) {
  top:50%!important;bottom:auto!important;height:auto!important;transform:translateY(-50%)!important;
  grid-template-rows:repeat(11,32px)!important;row-gap:6px!important;
}
html[data-homepage-promo-layout="button"] body[data-next-style] .next-status-header .next-action-zone>.homepage-promo-trigger {
  position:relative;isolation:isolate;grid-column:1/-1;grid-row:6!important;
  height:32px;min-height:32px;width:100%;box-sizing:border-box;padding:0 10px;
  border:0;border-radius:9px;background:var(--homepage-control-fill,rgba(0,0,0,.7));
  color:#dff9ff;font:700 12px/1.3 'Microsoft YaHei',sans-serif;cursor:pointer;
}
.homepage-promo-trigger:focus-visible{outline:2px solid #9cf2ff;outline-offset:2px}
html[data-homepage-promo-layout="button"] body[data-next-style] .next-status-header .next-action-zone>.website-quality{grid-row:7!important}
html[data-homepage-promo-layout="button"] body[data-next-style] .next-status-header .next-action-zone>.homepage-carousel-control{grid-row:8!important}
html[data-homepage-promo-layout="button"] body[data-next-style] .next-status-header .next-action-zone>:is(.homepage-language-control,.ac-language-switch){grid-row:9!important}
html[data-homepage-promo-layout="button"] body[data-next-style] .next-status-header .next-action-zone>.contact-trigger{grid-row:10!important}
html[data-homepage-promo-layout="button"] body[data-next-style] .next-status-header .next-action-zone>.site-account-row{grid-row:11!important}
#homepage-promo-dialog{position:fixed;inset:0;margin:auto;padding:0;border:0;border-radius:16px;width:min(1440px,calc(100vw - 32px));height:min(810px,calc((100vw - 32px) * .5625),calc(100dvh - 32px));max-width:none;max-height:none;background:#000;color:#effbff;overflow:hidden;box-shadow:12px 20px 60px rgba(0,0,0,.5)}
#homepage-promo-dialog:not([open]){display:none}
#homepage-promo-dialog.is-expanded{width:calc(100vw - 16px);height:calc(100dvh - 16px)}
#homepage-promo-dialog>iframe{display:block;width:100%;height:100%;border:0;background:#000}

html[data-homepage-promo-layout="button"] body[data-next-style] .next-status-header .next-action-zone>.homepage-promo-trigger{padding-inline:4px;white-space:nowrap;font-size:11px}

/* Eight direct category entries occupy the former promotional button row. */
html[data-homepage-promo-layout="button"] body[data-next-style].has-homepage-carousels .next-status-header .next-action-zone:has(>.homepage-promo-categories){height:min(760px,calc(100dvh - 32px))!important;grid-template-rows:repeat(5,32px) minmax(0,1fr) repeat(5,32px)!important;}
html body[data-next-style] .next-status-header .next-action-zone>.homepage-promo-categories{grid-column:1/-1;grid-row:6;min-height:0;position:relative;isolation:isolate;overflow:hidden;border-radius:10px;background:rgba(0,0,0,.7);padding:1px;}
.homepage-promo-category-list::-webkit-scrollbar{display:none;}
html body[data-next-style] .homepage-promo-category-list>.homepage-promo-category{flex:none;display:block;width:100%;height:auto;min-height:24px;position:relative;isolation:isolate;box-sizing:border-box;overflow:hidden;padding:6px 5px;border:0;border-radius:6px;background:#03090c;text-align:left;white-space:nowrap;overflow-wrap:normal;color:#fff;font:600 11px/1.5 'Microsoft YaHei',sans-serif;cursor:pointer;}
.homepage-promo-label-viewport{display:block;overflow:hidden;white-space:nowrap;text-align:left;}
.homepage-promo-label{display:inline-flex;direction:ltr;gap:24px;width:max-content;max-width:none;white-space:nowrap;vertical-align:top;}
.homepage-promo-label>span{flex:none;white-space:nowrap;}
.homepage-promo-label-repeat[hidden]{display:none;}
html body[data-next-style] .homepage-promo-category:hover{color:#fff;background:#14252b;}
html body[data-next-style] .homepage-promo-category:focus-visible{outline:1px solid #8bf0aa;outline-offset:-1px;}

.homepage-promo-category-list{position:relative;min-height:0;height:100%;box-sizing:border-box;overflow:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:3px;padding:5px 4px;}

html body[data-next-style] .next-status-header .next-action-zone>.homepage-promo-categories{display:flex;flex-direction:column;}
.homepage-promo-category-heading{flex:none;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:32px;text-align:center;margin:3px 4px 0;padding:5px 8px;border:1px solid #3c2d47;border-radius:10px;background:linear-gradient(110deg,#0a070c,#2b1839);box-shadow:inset 0 1px 0 rgba(232,195,255,.12);color:#fff;font:700 13px/1.4 "Microsoft YaHei",sans-serif;}
.homepage-promo-category-list{flex:1;height:auto;}

/* Keep the heading and scrolling list within their allocated rail row. */
html[data-homepage-promo-layout="button"] body[data-next-style] .next-status-header .next-action-zone>.homepage-promo-categories{align-self:stretch;box-sizing:border-box;height:calc(100% - 8px)!important;max-height:calc(100% - 8px);margin:0;min-height:0;}

/* Show all eight categories without an inner scrolling region. */
html[data-homepage-promo-layout="button"] body[data-next-style].has-homepage-carousels .next-status-header .next-action-zone:has(>.homepage-promo-categories){height:auto!important;grid-template-rows:repeat(5,32px) max-content repeat(5,32px)!important;}
html[data-homepage-promo-layout="button"] body[data-next-style] .next-status-header .next-action-zone>.homepage-promo-categories{height:auto!important;max-height:none;}
.homepage-promo-category-list{flex:none;height:auto;overflow:visible;}

/* Translated controls must use the current eleven-row dock, not the older
   five-row language layout. Keep long labels inside their own tracks. */
html[data-page-language]:not([data-page-language="zh"]):not([data-page-language="zh-TW"]):not([data-page-language="yue"]):not([data-page-language="wyw"],[data-page-language="shanghai"],[data-page-language="sichuan"],[data-page-language="henan"],[data-page-language="nan-TW"]) body[data-next-style].has-homepage-carousels .next-status-header .next-action-zone:has(>.homepage-promo-categories) {
  grid-template-rows: repeat(5,minmax(38px,max-content)) max-content repeat(5,minmax(38px,max-content)) !important;
  height: auto !important;
  max-height: calc(100dvh - 24px);
  overflow-y: auto;
  scrollbar-width: none;
}
html[data-page-language]:not([data-page-language="zh"]):not([data-page-language="zh-TW"]):not([data-page-language="yue"]):not([data-page-language="wyw"],[data-page-language="shanghai"],[data-page-language="sichuan"],[data-page-language="henan"],[data-page-language="nan-TW"]) body[data-next-style].has-homepage-carousels .next-status-header .next-action-zone>.homepage-promo-categories {
  height: auto !important;
  min-height: max-content;
  max-height: none;
}


/* Selected short-title and description layout. */
html body[data-next-style] .homepage-promo-category-list>.homepage-promo-category{min-height:43px;padding:4px 5px;white-space:normal;}
.homepage-promo-category .homepage-promo-label-viewport,.homepage-promo-category .homepage-promo-label,.homepage-promo-category .homepage-promo-label-copy{display:block;width:auto;white-space:normal;overflow-wrap:anywhere;}
.homepage-promo-category .homepage-promo-label-copy{font-size:12px;line-height:17px;}
.homepage-promo-description{display:block;font-size:9px;line-height:14px;font-weight:400;color:#b9d5dd;white-space:normal;}