/* Neverland v9.6.8 - high-resolution image delivery and sharp card crops */
.v968-sharp-art{position:relative!important;overflow:hidden!important;background-image:none!important;background:#eaf5ff!important}
.v968-sharp-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform-origin:center center;image-rendering:auto;backface-visibility:hidden}
.visual-page .hero-paint .v966-hero-img{image-rendering:auto;backface-visibility:hidden}
.visual-page .cosmos-cta.cta-home{background-image:linear-gradient(100deg,#045ee4df,#004dbde8),url('/assets/v968/heroes/home.webp')!important}
.visual-page .cosmos-cta.cta-about{background-image:linear-gradient(100deg,#045ee4df,#004dbde8),url('/assets/v968/heroes/about.webp')!important}
.visual-page .cosmos-cta.cta-courses{background-image:linear-gradient(100deg,#045ee4df,#004dbde8),url('/assets/v968/heroes/courses.webp')!important}
.visual-page .cosmos-cta.cta-cooperate{background-image:linear-gradient(100deg,#045ee4df,#004dbde8),url('/assets/v968/heroes/cooperate.webp')!important}
.visual-page .cosmos-cta.cta-recruit{background-image:linear-gradient(100deg,#045ee4df,#004dbde8),url('/assets/v968/heroes/recruit.webp')!important}
@media(max-width:560px){.v968-sharp-art>img{min-width:100%;min-height:100%}}

/* v9.6.8: remove remaining screenshot-slice fallbacks from About and course dialog */
.v968-topic-image{width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#eaf5ff;margin:0 0 16px}
.v968-topic-image>img{display:block;width:100%;height:100%;object-fit:cover}
.story-photo.v968-sharp-art,.team-photo.v968-sharp-art{min-height:0}
.scenario-photo.v968-sharp-art{aspect-ratio:1.75}
.about-teaching-split .scenario-photo.v968-sharp-art{aspect-ratio:2.25}
@media(max-width:560px){.about-teaching-split .scenario-photo.v968-sharp-art{aspect-ratio:1.7}}


/* v9.6.8 R2: compact branded hero note on every public visual page.
   Loaded after legacy visual layers so the old oversized card can never cover hero imagery. */
.visual-page .hero-note{
  width:auto!important;
  max-width:188px!important;
  min-height:0!important;
  padding:9px 11px!important;
  gap:8px!important;
  border-radius:13px!important;
  background:rgba(244,251,255,.94)!important;
  border:1px solid rgba(31,118,220,.14)!important;
  box-shadow:0 8px 22px rgba(19,84,155,.12)!important;
  color:#174f91!important;
  font-size:12.5px!important;
  font-weight:800!important;
  line-height:1.38!important;
  transform:rotate(-1.25deg)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.visual-page .hero-note::before{
  content:'';
  display:block;
  width:28px;
  height:28px;
  flex:0 0 28px;
  background:url('/logo.png') center/contain no-repeat;
  filter:drop-shadow(0 2px 4px rgba(0,64,150,.12));
}
.visual-page .hero-note>.icon{display:none!important}
@media(min-width:901px){
  .visual-page .hero-note{top:15%!important;right:1.25%!important}
  .visual-page .hero-about .hero-note{top:15%!important;min-height:0!important}
}
@media(min-width:561px) and (max-width:900px){
  .visual-page .hero-note{top:14%!important;right:10px!important;max-width:170px!important;font-size:12px!important}
}
@media(max-width:560px){
  .visual-page .hero-note,
  .visual-page .hero-recruit .hero-note,
  .visual-page .hero-about .hero-note{
    display:flex!important;
    top:76px!important;
    right:8px!important;
    width:auto!important;
    max-width:142px!important;
    min-height:0!important;
    padding:7px 8px!important;
    gap:6px!important;
    border-radius:11px!important;
    font-size:10.5px!important;
    line-height:1.32!important;
    box-shadow:0 6px 16px rgba(19,84,155,.10)!important;
  }
  .visual-page .hero-note::before{width:23px;height:23px;flex-basis:23px}
}