/* 灵雀 Alauda — 首页覆盖样式 */

:root {
  --black: #000;
  --white: #fff;
  --sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --serif: "Cormorant Garamond", "Times New Roman", Georgia, serif;
}

html:not(.yike-scroll-snap) {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: #000;
  color: #fff;
  font-family: var(--sans);
}

.yike-nav-dl,
.yike-dl-link {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.yike-dl-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.yike-nav-dl:hover {
  opacity: 0.85;
}

.brand.brand--lingque {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  max-width: min(220px, 42vw);
}

.brand-lingque-logo {
  width: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
  display: block;
}

.brand-lingque-logo--dark {
  height: 28px;
  max-width: 195px;
}

.brand-lingque-logo--light {
  height: 28px;
  max-width: 195px;
}

.brand-lingque-logo--light {
  display: none;
}

/* 浅色背景区：切换为亮色 Logo */
.KQVWc3.tziEqk .brand-lingque-logo--dark {
  display: none;
}

.KQVWc3.tziEqk .brand-lingque-logo--light {
  display: block;
}

.KQVWc3.tziEqk {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}

.TMV0qg input::placeholder {
  color: rgba(255, 255, 255, 0.45);
}

/* Hero 下载区（替代原「开始创作」输入框） */
.OYrsHd {
  --hero-prompt-offset-y: 104px;
}

.OYrsHd .TMV0qg.yike-hero-download {
  position: absolute;
  left: 50%;
  top: calc(var(--hero-copy-top, calc(var(--hero-lens-top) + var(--hero-lens-h) + 129px)) + var(--hero-prompt-offset-y, 104px));
  transform: translateX(-50%);
  z-index: 7;
  width: min(560px, calc(100vw - 48px));
  height: auto !important;
  min-height: 0;
  overflow: visible !important;
  padding: 0;
  background: none !important;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  isolation: auto;
  gap: 14px;
  flex-direction: column;
  justify-content: flex-start;
}

.OYrsHd .TMV0qg.yike-hero-download::before,
.OYrsHd .TMV0qg.yike-hero-download::after {
  display: none !important;
}

.OYrsHd .T66NQN {
  top: calc(var(--hero-copy-top, calc(var(--hero-lens-top) + var(--hero-lens-h) + 129px)) + var(--hero-title-gap, 16px)) !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  white-space: normal !important;
  text-align: center;
  z-index: 6;
}

.yike-hero-download {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  width: min(560px, calc(100vw - 48px));
  margin: 0 auto;
  padding: 0;
  background: none;
  border: none;
}

.yike-hero-download-hint {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.62);
  text-align: center;
}

.yike-hero-download-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  width: 100%;
}

.yike-hero-dl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 168px;
  padding: 12px 22px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.yike-hero-dl-btn img {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  object-fit: contain;
}

.yike-hero-dl-btn:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.36);
  transform: translateY(-1px);
}

.yike-hero-dl-btn:first-child {
  background: #fff;
  color: #111;
  border-color: #fff;
}

.yike-hero-dl-btn:first-child:hover {
  background: rgba(255, 255, 255, 0.92);
}

/* 隐藏首屏下载区下方的作品展示条 */
.prW8Br {
  display: none !important;
}

@media (max-width: 640px) {
  .yike-hero-download-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .yike-hero-dl-btn {
    width: 100%;
    min-width: 0;
  }
}

.WT6rpa .vT9ebB {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.jyYmTs .z4CDsX img {
  width: 96px;
  height: 96px;
  object-fit: contain;
  border-radius: 8px;
  background: #fff;
  padding: 4px;
}

/* 页脚品牌区：logo 在上，两行文案在下 */
.yike-footer-brand.yike-footer-brand,
.jyYmTs.yike-footer-brand {
  display: flex;
  justify-content: flex-start;
}

.yike-footer-brand__mark {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}

.yike-footer-brand__logo {
  width: 72px;
  height: 72px;
  object-fit: contain;
  border-radius: 12px;
  flex-shrink: 0;
  display: block;
}

.yike-footer-brand__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.yike-footer-brand__line1 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  line-height: 1.3;
}

.yike-footer-brand__line2 {
  margin: 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.62);
  line-height: 1.45;
}

/* Hero 标题 */
.T66NQN em {
  display: block;
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(22px, 4vw, 32px);
  color: #fff;
  line-height: 1.25;
  margin-top: 2px;
}

/* Hero 首屏：桌面端保留最小高度 */
@media (min-width: 761px) {
  .OYrsHd {
    min-height: max(760px, 100svh);
  }
}

/* Hero 首屏 H5：去掉 760px 强撑高度，下载区紧跟轮播 */
@media (max-width: 760px) {
  .OYrsHd {
    --hero-prompt-offset-y: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: auto !important;
    height: auto !important;
    overflow: visible !important;
    padding: 12px 0 40px;
    box-sizing: border-box;
  }

  .OYrsHd .oAvI1h {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100vw !important;
    height: var(--hero-lens-h) !important;
    flex-shrink: 0;
    margin-top: 8px;
  }

  .OYrsHd .TMV0qg.yike-hero-download {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    margin-top: var(--hero-prompt-offset-y, 20px);
    width: min(560px, calc(100vw - 48px));
    flex-shrink: 0;
  }

  .OYrsHd .T66NQN {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    margin-top: 16px;
  }

  .OYrsHd.is-hero-entry-ready:not(.is-hero-entry-complete) .T66NQN,
  .OYrsHd.is-hero-entry-ready:not(.is-hero-entry-complete) .TMV0qg {
    transform: none !important;
  }
}

.OYrsHd.is-hero-entry-ready:not(.is-hero-entry-complete) .oAvI1h {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.OYrsHd.is-hero-entry-ready:not(.is-hero-entry-complete) .T66NQN,
.OYrsHd.is-hero-entry-ready:not(.is-hero-entry-complete) .TMV0qg,
.OYrsHd.is-hero-entry-ready:not(.is-hero-entry-complete) .prW8Br {
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  animation: none !important;
}

.OYrsHd.is-hero-entry-ready:not(.is-hero-entry-complete) .T66NQN,
.OYrsHd.is-hero-entry-ready:not(.is-hero-entry-complete) .TMV0qg {
  transform: translateX(-50%) !important;
}

.OYrsHd.is-hero-entry-ready:not(.is-hero-entry-complete) .prW8Br {
  transform: translateX(-50%) translateY(var(--showcase-strip-y, 0px)) scale(var(--showcase-strip-scale, 1)) !important;
}

.oAvI1h {
  position: absolute;
}

/* Hero 轮播滑动与点击 */
.oAvI1h.is-carousel-ready .hero-lens {
  transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.oAvI1h.is-carousel-ready.is-dragging .hero-lens {
  transition: none !important;
}

.oAvI1h.is-carousel-ready .hero-tile {
  pointer-events: auto !important;
  cursor: pointer;
}

.oAvI1h .hero-lens {
  pointer-events: auto;
}

/* Hero 当前 Banner：canvas 动效 / 视频层 */
.oAvI1h.is-carousel-ready .hero-tile.is-hero-kenburns .OoK5Al {
  opacity: 1 !important;
  z-index: 3;
  display: block !important;
}

.oAvI1h.is-carousel-ready .hero-tile.is-hero-kenburns .fZlgfV,
.oAvI1h.is-carousel-ready .hero-tile.is-hero-kenburns .tMrhoW,
.oAvI1h.is-carousel-ready .hero-tile.is-hero-kenburns .W973es {
  opacity: 0 !important;
}

/* Hero 悬浮标题图：单浮层，Banner 区内居中 */
.OYrsHd .yike-hero-overlay-stage {
  position: absolute;
  inset: 0;
  z-index: 8;
  pointer-events: none;
  overflow: hidden;
}

.yike-hero-overlay-stage[hidden] {
  display: none !important;
}

.yike-hero-overlay-anchor {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  pointer-events: none;
  transition: width 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}

.yike-hero-overlay-stage-img {
  display: block;
  width: auto;
  max-width: min(420px, 48%);
  max-height: 52%;
  height: auto;
  object-fit: contain;
  object-position: center center;
  filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.45));
}

/* 有标题图时：当前 Banner 不叠显主图/封面，只留视频层 + 悬浮标题 */
.oAvI1h.is-carousel-ready .hero-tile.is-hero-active-banner.has-hero-overlay .xSwud7,
.oAvI1h.is-carousel-ready .hero-tile.is-hero-active-banner.has-hero-overlay .OoK5Al {
  opacity: 0 !important;
  visibility: hidden !important;
}

.oAvI1h.is-carousel-ready .hero-tile.is-hero-active-banner.has-hero-overlay.is-hero-video-playing .O9thJv {
  opacity: 1 !important;
  visibility: visible !important;
}

.oAvI1h.is-carousel-ready .hero-tile.is-hero-active-banner.has-hero-overlay:not(.is-hero-video-playing) .O9thJv {
  opacity: 1 !important;
  visibility: visible !important;
}

@media (max-width: 1023px) {
  .yike-hero-overlay-stage-img {
    max-width: min(320px, 54%);
    max-height: 48%;
  }
}

@media (max-width: 720px) {
  .yike-hero-overlay-stage-img {
    max-width: min(280px, 62%);
    max-height: 44%;
  }
}

.oAvI1h.is-carousel-ready .hero-tile.is-hero-video-playing .O9thJv {
  opacity: 1 !important;
  z-index: 3;
  display: block !important;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.oAvI1h.is-carousel-ready .hero-tile.is-hero-video-playing .OoK5Al,
.oAvI1h.is-carousel-ready .hero-tile.is-hero-video-playing .fZlgfV,
.oAvI1h.is-carousel-ready .hero-tile.is-hero-video-playing .tMrhoW {
  opacity: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
  .oAvI1h.is-carousel-ready .hero-tile.is-hero-animated-playing .fZlgfV {
    opacity: 1 !important;
  }
}

/* ── 分屏滚动：由 JS 控制，关闭 CSS snap 避免双重吸附抖动 ── */
html.yike-scroll-snap {
  scroll-behavior: auto;
  scroll-snap-type: none !important;
}

html.yike-scroll-snap [data-scroll-section] {
  scroll-snap-align: none !important;
  scroll-snap-stop: normal !important;
}

html.is-page-snapping [data-scroll-item],
html.is-page-snapping [data-showcase-reveal] {
  transition: none !important;
}

/* ── 滚动显现：强制解除隐藏 ── */
html.scroll-motion-ready [data-scroll-item].is-scroll-item-active,
html.scroll-motion-ready [data-showcase-reveal].is-scroll-item-active {
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  translate: 0 0 !important;
  clip-path: inset(0 0 0 0 round 28px) !important;
  -webkit-clip-path: inset(0 0 0 0 round 28px) !important;
}

html.scroll-motion-ready #creative-agent .k4UHaC.is-scroll-item-active .Pzm3Ed {
  clip-path: inset(0 0 0 0 round 8px) !important;
  -webkit-clip-path: inset(0 0 0 0 round 8px) !important;
}
html.scroll-motion-ready #creative-agent .k4UHaC.is-scroll-item-active .Pzm3Ed > * {
  opacity: 1 !important;
  filter: none !important;
  transform: translateY(0) !important;
}

/* 案例区淡入 */
html.scroll-motion-ready .B6xOXg.ZfiDZx.is-scroll-item-active .M9h3Gc [data-case-fade],
html.scroll-motion-ready .B6xOXg.ZfiDZx.is-scroll-item-active .KxA1uz {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  pointer-events: auto !important;
}

/* CTA 横幅 */
.Oiyj9x.WcMjSx h2,
.Oiyj9x.WcMjSx .primary-cta {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}
.Oiyj9x.WcMjSx .AYwyor {
  clip-path: inset(0 0 0 0) !important;
  opacity: 1 !important;
}

/* Agent 海报切换 */
.ievRER.jG9K0P {
  opacity: 1 !important;
  visibility: visible !important;
}
.ievRER:not(.jG9K0P) {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* 创意营销工具横滑 */
.dAnlQi {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding-bottom: 4px;
}
.dAnlQi::-webkit-scrollbar { display: none; }

/* 工具演示面板背景图 */
.NKoQTI::after {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.35;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
}
.NKoQTI[data-demo-theme="violet"]::after { background-image: url(https://p11-seeyou-cn.byteimg.com/tos-cn-i-e844mpvzdi/19b1c4f8a87049a19207c6109c0e3fe3~tplv-e844mpvzdi-compress:q90.image); }
.NKoQTI[data-demo-theme="blue"]::after { background-image: url(https://p11-seeyou-cn.byteimg.com/tos-cn-i-e844mpvzdi/8848960ed1e94e54942b3a5ca7d584b3~tplv-e844mpvzdi-compress:q90.image); }
.NKoQTI[data-demo-theme="orange"]::after { background-image: url(https://p11-seeyou-cn.byteimg.com/tos-cn-i-e844mpvzdi/b7db57bee34f4550b05de6c0f7e2d80f~tplv-e844mpvzdi-compress:q90.image); }
.NKoQTI[data-demo-theme="cyan"]::after { background-image: url(https://p11-seeyou-cn.byteimg.com/tos-cn-i-e844mpvzdi/ee43b2187f084d29a9ad9368154ef42b~tplv-e844mpvzdi-compress:q90.image); }
.NKoQTI[data-demo-theme="green"]::after { background-image: url(https://p11-seeyou-cn.byteimg.com/tos-cn-i-e844mpvzdi/1b41543b609e44138fdb41c9c7581a5c~tplv-e844mpvzdi-compress:q90.image); }
.NKoQTI[data-demo-theme="gold"]::after { background-image: url(https://p11-seeyou-cn.byteimg.com/tos-cn-i-e844mpvzdi/fd0c175e67c64870b85a794848a1394d~tplv-e844mpvzdi-compress:q90.image); }
.NKoQTI[data-demo-theme="teal"]::after { background-image: url(https://p11-seeyou-cn.byteimg.com/tos-cn-i-e844mpvzdi/38f49de6c71b4cff90bc34f6c5516952~tplv-e844mpvzdi-compress:q90.image); }
.NKoQTI[data-demo-theme="pink"]::after { background-image: url(https://p11-seeyou-cn.byteimg.com/tos-cn-i-e844mpvzdi/49642febeb2c452c88a5940073bae0be~tplv-e844mpvzdi-compress:q90.image); }
.NKoQTI .xq3aTu { position: relative; z-index: 1; }

/* 视频区 */
.bwUsdU {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 页脚 ASCII 区占位 — 隐藏以紧凑尾部 */
.leQowK {
  display: none !important;
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* 尾部紧凑布局 */
footer.jUYUPJ {
  padding-top: 40px !important;
  padding-bottom: 0 !important;
  min-height: auto !important;
}

.jUYUPJ .H4xVak {
  padding: 28px clamp(20px, 4vw, 48px) 20px !important;
  gap: 20px !important;
}

.jUYUPJ .HHGd2E {
  gap: 24px !important;
}

.jUYUPJ .yTzujo h2 {
  margin-bottom: 10px !important;
  font-size: 14px !important;
}

.jUYUPJ .yTzujo a {
  line-height: 1.8 !important;
  font-size: 13px !important;
}

.jUYUPJ .jyYmTs > p {
  margin: 0 0 10px !important;
  font-size: 14px !important;
}

.jUYUPJ .yike-footer-brand__logo {
  width: 72px !important;
  height: 72px !important;
}

.jUYUPJ .yike-footer-brand__line1 {
  font-size: 15px !important;
}

.jUYUPJ .yike-footer-brand__line2 {
  font-size: 12px !important;
}

.jUYUPJ .jyYmTs .z4CDsX {
  margin-top: 8px !important;
}

.jUYUPJ .jyYmTs .z4CDsX img {
  width: 72px !important;
  height: 72px !important;
}

.jUYUPJ .jyYmTs .z4CDsX p {
  margin-top: 6px !important;
  font-size: 12px !important;
}

.jUYUPJ .co1Xy3 {
  padding: 14px clamp(16px, 3vw, 32px) 18px !important;
  gap: 12px !important;
}

.jUYUPJ .co1Xy3 .mXSy4G {
  font-size: 12px !important;
}

/* 用户评价区底部 CTA 横幅紧凑 */
.Oiyj9x[data-scroll-section="voices-banner"] {
  min-height: auto !important;
  padding: 56px 24px 40px !important;
}

.hcg7EC {
  padding-bottom: 32px !important;
}

/* 用户评价卡片确保可见 */
.UMuWIN {
  opacity: 1 !important;
}

/* 移动端 hero 轮播可见性 */
@media (max-width: 1023px) {
  .oAvI1h {
    width: 100vw !important;
    max-width: 1728px;
  }
  .hero-tile-center {
    left: 50% !important;
    transform: translateX(-50%);
    width: min(90vw, 800px) !important;
  }
}

/* Banner 下不再显示「灵雀 AI 短剧创作」 */
.OYrsHd .T66NQN.yike-hero-title-hidden,
.OYrsHd h1#hero-title.yike-hero-title-hidden {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* 「专业内容创作 Agent」标题：直角（无胶囊圆角） */
.rocbOU #agent-title.BW9SjC {
  border-radius: 0 !important;
  display: inline-block;
  padding: 10px 22px;
  background: linear-gradient(90deg, #2f6fe8 0%, #3d7cf5 100%);
  color: #fff !important;
  line-height: 1.25;
}

.rocbOU #agent-title.BW9SjC em {
  color: #fff !important;
}

/* 灵雀产品界面截图画廊 */
.yike-product-section {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 72px 0 88px !important;
  align-items: stretch !important;
}

.yike-product-heading {
  width: min(998px, calc(100% - 48px));
  margin: 0 auto 24px;
  text-align: center;
}

.yike-product-heading p {
  margin: 12px auto 0;
  max-width: 560px;
  font-size: 15px;
  line-height: 1.55;
  color: rgba(0, 0, 0, 0.58);
}

#creative-agent .yike-product-flow-wrap {
  width: min(998px, calc(100% - 48px));
  margin: 0 auto;
}

#creative-agent .JC5hOz.yike-product-heading h2 {
  margin: 0;
  font-size: 32px;
  line-height: 1.25;
  font-weight: 600;
  color: #120b2b;
  text-align: center;
}

.yike-ui-gallery .yike-ui-shot,
.yike-ui-gallery [data-scroll-item],
.yike-product-section [data-scroll-item] {
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  translate: none !important;
  pointer-events: auto !important;
}

.yike-ui-gallery {
  width: min(998px, calc(100% - 48px));
  margin: 0 auto;
  display: grid;
  gap: 24px;
}

.yike-ui-gallery--agent,
.yike-ui-gallery--flow {
  grid-template-columns: 1fr;
}

.yike-ui-shot {
  margin: 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0;
  background: #fff;
  box-shadow: 0 8px 28px rgba(18, 11, 43, 0.06);
  overflow: hidden;
}

.yike-ui-shot img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.yike-ui-shot figcaption {
  padding: 12px 14px 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(0, 0, 0, 0.62);
}

.yike-ui-shot figcaption strong {
  font-size: 15px;
  font-weight: 600;
  color: #120b2b;
}

.yike-ui-shot--wide {
  grid-column: auto;
}

#features.rocbOU,
#creative-agent.Eovdvi,
#creative-agent.yike-lmd-screen--features {
  min-height: auto !important;
  height: auto !important;
  overflow: visible !important;
  align-items: flex-start !important;
  padding-bottom: 88px !important;
}

@media (max-width: 760px) {
  .yike-ui-gallery--agent,
  .yike-ui-gallery--flow {
    width: calc(100% - 32px);
  }

  .yike-product-heading,
  #creative-agent .yike-product-flow-wrap {
    width: calc(100% - 32px);
  }
}