/* Product port of R10 Welcome width plus the approved R9 Sky preview artwork.
   Sky remains unavailable in V1; only its Welcome preview presentation is shown. */
.welcome-bottom{position:relative}
.welcome-support{min-width:0}
.welcome-legal{margin-top:5px;font-size:11px;line-height:1.35;font-weight:400;color:rgba(23,26,23,.72)}
.welcome-legal a{color:inherit;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
@container welcome (max-width:720px){
  .welcome-support{position:absolute;left:0;bottom:0;max-width:calc(100% - 190px)}
  .welcome-legal{font-size:11px;margin:0}
}
@container welcome (orientation: landscape) and (min-width:1024px) and (min-height:501px) {
  body[data-goli-page="welcome"] .theme-carousel {
    width: min(100%, clamp(900px, 82cqw, 1120px));
    max-width: 100%;
  }
}

/* The Welcome preview switches body theme for its backdrop, but keeps the shared
   R10 Welcome/Plan rails and preview-card geometry instead of the older Sky page shell. */
body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .welcome-page {
  background: transparent !important;
}
body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .welcome-main {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  display: grid !important;
  grid-row: 1 !important;
  grid-area: auto !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  place-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .theme-carousel {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: min(100%, clamp(900px, 82cqw, 1120px)) !important;
  max-width: 100% !important;
  height: 100% !important;
}
body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] :is(.theme-track, .theme-slide) {
  height: 100% !important;
  min-height: 0 !important;
}
body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .theme-slide {
  padding: 0 !important;
}
body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .welcome-bottom {
  position: relative !important;
  inset: auto !important;
  z-index: auto !important;
  grid-row: 2 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  transform: none !important;
}

body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .theme-card.sky {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: visible !important;
  color: #fff;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .theme-card.sky.locked::after {
  content: "后续主题 · 尚未接入" !important;
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 5;
  display: block !important;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  color: #202320;
  font-size: 12px;
  font-weight: 720;
}
body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .theme-card.sky .theme-copy::before {
  content: none !important;
  display: none !important;
}

body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .sky-air-lens {
  position: absolute;
  inset: 20px 26px;
  z-index: 0;
  pointer-events: none;
  border-radius: 44px;
  background: radial-gradient(ellipse at 50% 47%,rgba(255,255,255,.110) 0%,rgba(255,255,255,.074) 44%,rgba(255,255,255,.034) 65%,rgba(255,255,255,.008) 82%,rgba(255,255,255,0) 100%);
  backdrop-filter: blur(24px) saturate(1.05);
  -webkit-backdrop-filter: blur(24px) saturate(1.05);
  -webkit-mask-image: radial-gradient(ellipse at 50% 50%,#000 0 50%,rgba(0,0,0,.90) 61%,rgba(0,0,0,.48) 75%,rgba(0,0,0,.12) 88%,transparent 100%);
  mask-image: radial-gradient(ellipse at 50% 50%,#000 0 50%,rgba(0,0,0,.90) 61%,rgba(0,0,0,.48) 75%,rgba(0,0,0,.12) 88%,transparent 100%);
}
body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .sky-hero {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 2px 24px 0;
  color: #fff;
  text-align: center;
}
body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .sky-sun {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin-bottom: 24px;
}
body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .sky-sun-brightness-delta {
  position: absolute;
  width: 82px;
  height: 82px;
  opacity: 1;
}
body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .sky-sun-glow {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #fff;
  filter: blur(24px);
  opacity: .86;
  transform-origin: 50% 50%;
  animation: goli-r10-pulse-sun 3.5s infinite alternate ease-in-out;
}
body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .sky-sun-glyph {
  position: relative;
  z-index: 2;
  width: 56px;
  height: 56px;
  color: #fff;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@keyframes goli-r10-pulse-sun {
  0% { transform: scale(.9); opacity: .6; }
  100% { transform: scale(1.15); opacity: .9; }
}
body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .sky-welcome-tag {
  margin-bottom: 16px;
  color: #fff;
  font-family: -apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 5px;
  text-transform: uppercase;
  opacity: .9;
}
body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .sky-welcome-title {
  margin: 0 0 16px;
  color: #fff;
  font-family: -apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;
  font-size: 56px;
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: 2px;
  text-shadow: 0 4px 20px rgba(0,0,0,.04);
  white-space: nowrap;
}
body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .sky-welcome-title > span {
  display: inline;
}
body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .sky-welcome-sub {
  margin: 0;
  color: rgba(255,255,255,.85);
  font-family: -apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 2px;
  white-space: nowrap;
}

@container welcome (max-width:720px) {
  body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .sky-air-lens {
    inset: 14px 8px;
    border-radius: 36px;
    background: radial-gradient(ellipse at 50% 48%,rgba(255,255,255,.095) 0%,rgba(255,255,255,.060) 46%,rgba(255,255,255,.025) 67%,rgba(255,255,255,.006) 83%,rgba(255,255,255,0) 100%);
    backdrop-filter: blur(20px) saturate(1.04);
    -webkit-backdrop-filter: blur(20px) saturate(1.04);
  }
  body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .sky-sun { width: 84px; height: 84px; margin-bottom: 18px; }
  body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .sky-sun-brightness-delta { width: 62px; height: 62px; }
  body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .sky-sun-glyph { width: 48px; height: 48px; }
  body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .sky-welcome-tag { font-size: 12px; letter-spacing: 4px; margin-bottom: 13px; }
  body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .sky-welcome-title { font-size: clamp(36px,10vw,44px); letter-spacing: 1px; margin-bottom: 14px; }
  body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .sky-welcome-sub { max-width: 86%; font-size: 14px; line-height: 1.65; white-space: normal; }
}
@container welcome (max-width:400px) {
  body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .sky-welcome-title { font-size: 36px; }
  body.goli-product[data-goli-page="welcome"][data-goli-theme="sky"] .sky-welcome-sub { font-size: 13px; }
}
@media (prefers-reduced-motion:reduce) {
  body.goli-product[data-goli-page="welcome"] .sky-sun-glow { animation-duration: 1ms !important; animation-iteration-count: 1 !important; }
}