/* 首页 8.0 顶部与菜单；独立于内页共用导航。 */
body.home-v8 { background: #f9fafd; --home-header-height: 80px; }
html:has(body.home-v8), body.home-v8, .home-v8 .box { min-width: 0; }
.home-v8 .box { background: #f9fafd; }
.home-v8 .floating { z-index: 90; }
.home-header { position: fixed; inset: 0 0 auto; height: var(--home-header-height); z-index: 100; background: rgba(255,255,255,.96); }
.home-header-inner { width: calc(100% - 192px); max-width: 1622px; height: 100%; margin: auto; display: grid; grid-template-columns: 200px 1fr 200px; align-items: center; }
.home-logo { justify-self: center; display: inline-flex; }
.home-logo img { width: 126px; height: auto; }
.home-header-slogan { justify-self: center; color: #282733; font-size: 26px; font-weight: 600; letter-spacing: 12px; white-space: nowrap; }
.home-header-slogan .home-slogan-blue { color: #467bff; }
.home-header-slogan .home-slogan-purple { color: #bb4df3; }
.home-header-actions { justify-self: end; display: flex; align-items: center; gap: 14px; }
.home-trial-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 140px; height: 44px; padding: 0; border: 0; border-radius: 1447px; background: linear-gradient(90deg, #4f9afb 0%, #1463fe 99%); color: #FFFFFF; font: inherit; font-size: 16px; font-weight: 500; line-height: 26px; cursor: pointer; box-shadow: 0 10px 28px rgba(57,115,255,.13); }
.home-trial-button img { flex: 0 0 16px; width: 16px; height: 16px; object-fit: contain; }
.home-trial-button:hover { filter: brightness(1.06); }
.home-layout { display: grid; grid-template-columns: 214px minmax(0,1fr); gap: 26px; width: calc(100% - 192px); max-width: 1440px; margin: auto; padding-top: calc(var(--home-header-height) + 50px); }
.home-menu { align-self: start; padding-right: 38px; border-right: 1px solid #eff0f4; }
.home-menu-group { padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid #e9ebef; }
.home-menu-group:last-child { margin-bottom: 0; padding-bottom: 20px; border-bottom: 0; }
.home-menu-group h2 { margin: 0 0 12px; color: #81858c; font-size: 14px; line-height: 24px; font-weight: 400; }
.home-menu-link { box-sizing: border-box; display: flex; align-items: center; gap: 5px; width: 100%; min-height: 43px; padding: 10px 14px; border: 0; border-radius: 7px; background: transparent; color: #272B33; font: inherit; font-size: 20px; font-weight: 400; line-height: 28px; text-align: left; white-space: nowrap; cursor: pointer; transition: background .16s ease; }
.home-menu-link img { flex: 0 0 20px; width: 20px; height: 20px; object-fit: contain; }
.home-menu-link:hover, .home-menu-link:focus-visible { background: #DDEAFF; }
.home-menu-link:hover, .home-menu-link:focus-visible { font-weight: 500; }
.home-v8 a:focus-visible, .home-v8 button:focus-visible { outline: 2px solid #397bff; outline-offset: 3px; }
.home-main { min-width: 0; }
.home-main .page-first-screen-v8 { min-height: 400px; height: auto; padding: 70px 7.5%; }
.home-main .page-first-screen-v8 h2 { font-size: clamp(30px,2.9vw,48px); height: auto; line-height: 1.5; }
.home-main .page-first-screen-v8 h5 { font-size: 18px; }
.home-main .marketing-tools-v8 { padding: 76px 0 96px; }
.home-main .marketing-tools-container { width: 100%; }
.home-main .marketing-tool-content { flex: 1; min-width: 0; }
.home-main .marketing-tool-icon { margin-right: 20px; }
.home-main .marketing-tool-content strong { font-size: 22px; overflow-wrap: anywhere; }


@media (max-width: 1280px) {
  .home-header-inner, .home-layout { width: calc(100% - 80px); }
  .home-header-slogan { font-size: 24px; letter-spacing: 9px; }
  .home-layout { grid-template-columns: 200px minmax(0,1fr); gap: 24px; }
  .home-menu { padding-right: 24px; }
  .home-main .marketing-tool-card { padding: 22px 18px; }
  .home-main .marketing-tool-icon { flex-basis: 64px; width: 64px; height: 64px; margin-right: 14px; }
  .home-main .marketing-tool-content strong { font-size: 20px; }
}

@media (prefers-reduced-motion: reduce) { .home-menu-link { transition: none; } }

/* 顶部标语逐字滑入、淡入与去模糊，时序与参考动效一致。 */
.home-slogan-char { display: inline-block; opacity: 0; transform: translateX(-10px); filter: blur(2px); animation: home-slogan-enter .8s cubic-bezier(.19,1,.22,1) both; }
.home-header-slogan .home-slogan-dot { margin: 0 10px; }
@keyframes home-slogan-enter {
  from { opacity: 0; transform: translateX(-10px); filter: blur(2px); }
  to { opacity: 1; transform: translateX(0); filter: blur(0); }
}
@media (prefers-reduced-motion: reduce) { .home-slogan-char { animation: none; opacity: 1; transform: none; filter: none; } }

/* 预留 500 字重的文字宽度，悬浮切换字重时不重新挤压布局。 */
.home-menu-label { display: inline-grid; flex: 0 0 auto; }
.home-menu-label::before { content: attr(data-label); grid-area: 1 / 1; font-weight: 500; visibility: hidden; pointer-events: none; }
.home-menu-label > span { grid-area: 1 / 1; }
.home-v8 .home-menu { overflow-x: hidden; }
/* 不对字重做过渡，英文加粗时补偿字体本身的宽度变化。 */
.home-menu-label-latin > span { justify-self: start; transform-origin: left center; }
.home-menu-link:hover .home-menu-label-latin > span,
.home-menu-link:focus-visible .home-menu-label-latin > span { transform: scaleX(var(--menu-bold-scale,1)); }