/* OK云盘 HOTFIX157：修复手机端轮播内容被固定高度折叠，保留品牌融合图与经典轮播点 */
#ok-home-carousel{background:#eef3f9!important}
#ok-home-carousel .ok-hero-slide{min-height:720px!important;min-height:calc(100svh - 64px)!important;padding:clamp(54px,7vh,82px) 0 clamp(88px,10vh,116px)!important;overflow:hidden!important;background-color:#eef4fb!important;background-repeat:no-repeat!important;background-size:cover!important;transition:background-color .45s ease!important}

/* 五张 Banner 使用各自主题背景 */
#ok-home-carousel .ok-hero-slide:nth-child(1){background-image:radial-gradient(circle at 88% 12%,rgba(54,205,168,.30) 0,rgba(54,205,168,0) 34%),radial-gradient(circle at 8% 92%,rgba(67,139,255,.26) 0,rgba(67,139,255,0) 38%),linear-gradient(132deg,#dcefff 0%,#f4fbff 48%,#d9f6e9 100%)!important}
#ok-home-carousel .ok-hero-slide:nth-child(2){background-image:radial-gradient(circle at 84% 18%,rgba(117,99,255,.28) 0,rgba(117,99,255,0) 35%),radial-gradient(circle at 12% 84%,rgba(42,149,255,.28) 0,rgba(42,149,255,0) 38%),linear-gradient(132deg,#dcecff 0%,#f4f2ff 52%,#e1ecff 100%)!important}
#ok-home-carousel .ok-hero-slide:nth-child(3){background-image:radial-gradient(circle at 86% 14%,rgba(255,128,92,.29) 0,rgba(255,128,92,0) 34%),radial-gradient(circle at 8% 88%,rgba(255,190,75,.29) 0,rgba(255,190,75,0) 39%),linear-gradient(132deg,#ffe2d7 0%,#fff6dc 50%,#e6f3ff 100%)!important}
#ok-home-carousel .ok-hero-slide:nth-child(4){background-image:radial-gradient(circle at 86% 14%,rgba(153,103,255,.29) 0,rgba(153,103,255,0) 35%),radial-gradient(circle at 10% 88%,rgba(255,120,166,.25) 0,rgba(255,120,166,0) 38%),linear-gradient(132deg,#eee2ff 0%,#fff0f6 50%,#e5f3ff 100%)!important}
#ok-home-carousel .ok-hero-slide:nth-child(5){background-image:radial-gradient(circle at 85% 15%,rgba(31,190,164,.28) 0,rgba(31,190,164,0) 35%),radial-gradient(circle at 8% 88%,rgba(255,190,69,.25) 0,rgba(255,190,69,0) 39%),linear-gradient(132deg,#d9f5e9 0%,#e5f6ff 51%,#fff1d4 100%)!important}

#ok-home-carousel .ok-hero-copy{position:relative!important;z-index:2!important;width:min(calc(100% - 64px),1440px)!important;min-height:560px!important;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(400px,.98fr)!important;grid-template-areas:"title visual" "description visual" "actions visual"!important;grid-template-rows:auto auto auto!important;column-gap:clamp(36px,5vw,88px)!important;row-gap:18px!important;align-content:center!important;align-items:center!important;text-align:left!important}
#ok-home-carousel .ok-hero-copy h1,#ok-home-carousel .ok-hero-copy h2{grid-area:title!important;align-self:end!important;max-width:760px!important;margin:0!important;color:#0f1d33!important;-webkit-text-fill-color:#0f1d33!important;opacity:1!important;font-size:clamp(48px,5vw,78px)!important;line-height:1.06!important;letter-spacing:-.05em!important;text-align:left!important}
#ok-home-carousel .ok-hero-copy h1>span:first-child,#ok-home-carousel .ok-hero-copy h2>span:first-child{color:#0f1d33!important;-webkit-text-fill-color:#0f1d33!important;background:none!important}
#ok-home-carousel .ok-hero-copy .ap-hero-gradient{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important}
#ok-home-carousel .ok-hero-slide:nth-child(1) .ap-hero-gradient{color:#1672d8!important;-webkit-text-fill-color:#1672d8!important}
#ok-home-carousel .ok-hero-slide:nth-child(2) .ap-hero-gradient{color:#5558d9!important;-webkit-text-fill-color:#5558d9!important}
#ok-home-carousel .ok-hero-slide:nth-child(3) .ap-hero-gradient{color:#e85c32!important;-webkit-text-fill-color:#e85c32!important}
#ok-home-carousel .ok-hero-slide:nth-child(4) .ap-hero-gradient{color:#8152d8!important;-webkit-text-fill-color:#8152d8!important}
#ok-home-carousel .ok-hero-slide:nth-child(5) .ap-hero-gradient{color:#087f78!important;-webkit-text-fill-color:#087f78!important}
#ok-home-carousel .ok-hero-copy>p{grid-area:description!important;align-self:center!important;max-width:680px!important;margin:0!important;color:#32445f!important;-webkit-text-fill-color:#32445f!important;opacity:1!important;font-size:clamp(17px,1.35vw,21px)!important;font-weight:600!important;line-height:1.8!important;text-align:left!important}
#ok-home-carousel .ok-hero-copy>.ap-actions{grid-area:actions!important;align-self:start!important;justify-content:flex-start!important;margin:6px 0 0!important}
#ok-home-carousel .ok-banner-visual{grid-area:visual!important;position:relative!important;justify-self:end!important;align-self:center!important;width:min(100%,620px)!important;aspect-ratio:1/1!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.92)!important;border-radius:34px!important;background:#f8fafc!important;box-shadow:0 30px 72px rgba(28,61,115,.18),0 5px 18px rgba(28,61,115,.08)!important;isolation:isolate!important}
#ok-home-carousel .ok-banner-visual>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}

/* 经典轮播点：无底座，空心白点，当前项为实心发光白点 */
#ok-home-carousel .ok-carousel-controls{left:50%!important;right:auto!important;bottom:27px!important;width:auto!important;transform:translateX(-50%)!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
#ok-home-carousel .ok-carousel-dots{display:flex!important;align-items:center!important;gap:9px!important}
#ok-home-carousel .hero-dot{display:block!important;width:10px!important;height:10px!important;min-width:10px!important;min-height:10px!important;padding:0!important;border:1.5px solid rgba(255,255,255,.98)!important;border-radius:50%!important;background:transparent!important;opacity:.96!important;box-shadow:0 1px 5px rgba(15,38,78,.42)!important;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease!important}
#ok-home-carousel .hero-dot.active,#ok-home-carousel .hero-dot[aria-current="true"]{width:10px!important;background:#fff!important;opacity:1!important;transform:scale(1.14)!important;box-shadow:0 0 0 3px rgba(255,255,255,.20),0 0 12px rgba(255,255,255,.98),0 1px 6px rgba(15,38,78,.42)!important}
#ok-home-carousel .hero-dot::before,#ok-home-carousel .hero-dot::after{display:none!important;content:none!important}

@media (max-width:1020px){#ok-home-carousel .ok-hero-copy{grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr)!important;column-gap:32px!important}#ok-home-carousel .ok-hero-copy h1,#ok-home-carousel .ok-hero-copy h2{font-size:clamp(42px,5vw,60px)!important}}
@media (max-width:820px){
  #ok-home-carousel{height:auto!important;min-height:0!important;overflow:hidden!important}
  #ok-home-carousel .ok-hero-slide{position:absolute!important;inset:0!important;display:flex!important;align-items:flex-start!important;min-height:0!important;height:auto!important;padding:30px 0 82px!important;background-position:center!important}
  #ok-home-carousel .ok-hero-slide.active{position:relative!important;inset:auto!important}
  #ok-home-carousel .ok-hero-copy{width:calc(100% - 28px)!important;min-height:0!important;padding:0!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"title" "description" "actions" "visual"!important;grid-template-rows:auto!important;row-gap:16px!important;align-content:start!important}
  #ok-home-carousel .ok-hero-copy h1,#ok-home-carousel .ok-hero-copy h2{max-width:100%!important;font-size:clamp(38px,11vw,54px)!important;line-height:1.08!important}
  #ok-home-carousel .ok-hero-copy>p{max-width:100%!important;font-size:16px!important;line-height:1.72!important}
  #ok-home-carousel .ok-hero-copy>.ap-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin:2px 0 4px!important}
  #ok-home-carousel .ok-hero-copy>.ap-actions .ap-button{width:100%!important;min-width:0!important;justify-content:center!important;text-align:center!important;white-space:nowrap!important}
  #ok-home-carousel .ok-banner-visual{justify-self:center!important;width:min(100%,540px)!important;aspect-ratio:1/1!important;border-radius:26px!important;box-shadow:0 22px 54px rgba(28,61,115,.17)!important}
  #ok-home-carousel .ok-carousel-controls{bottom:21px!important}
}
@media (max-width:390px){
  #ok-home-carousel .ok-hero-slide{padding-top:26px!important}
  #ok-home-carousel .ok-hero-copy>.ap-actions{grid-template-columns:1fr!important}
}