/* === SOURCE: css/216-v5575-body-back-restore-ceremony.css === */

/* v5.5.75
   Restore the Body controller face to the mature v5.5.71 composition:
   plot first, 2×2 attribute modifiers below.
   Keep only the new cube-like two-face navigation. */

@media(min-width:761px){
  /* ---------- Restore v5.5.71 Body control composition ---------- */
  .global-archetype-overview-card .ovc-body-control-face{
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
  }

  .global-archetype-overview-card .ovc-body-control-face .ovc-body-expanded{
    display:grid!important;
    width:100%!important;
    box-sizing:border-box!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    align-items:stretch!important;

    margin:0!important;
    padding:9px 0 0!important;
    border-top:0!important;

    max-height:none!important;
    opacity:1!important;
    overflow:visible!important;
    transform:none!important;
    transition:none!important;
  }

  .global-archetype-overview-card .ovc-body-control-face .ovc-body-plot{
    width:100%!important;
    aspect-ratio:1.45 / 1!important;
    min-height:0!important;
    border-radius:11px!important;
  }

  .global-archetype-overview-card .ovc-body-control-face .ovc-body-dot{
    width:18px!important;
    height:18px!important;
    border-width:2px!important;
  }

  .global-archetype-overview-card .ovc-body-control-face .ovc-body-mods{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
    align-self:start!important;
  }

  .global-archetype-overview-card .ovc-body-control-face .ovc-body-mod{
    min-width:0!important;
    padding:6px 8px!important;
    border-radius:9px!important;
  }

  .global-archetype-overview-card .ovc-body-control-face .ovc-body-mod span{
    font-size:8px!important;
  }

  .global-archetype-overview-card .ovc-body-control-face .ovc-body-mod strong{
    font-size:11px!important;
  }

  /* Enough vertical room for the original v5.5.71 plot + modifier stack. */
  .global-archetype-overview-card .ovc-body-flip-stage{
    height:356px!important;
  }

  /* ---------- Slower, more ceremonial cube turn ---------- */
  .global-archetype-overview-card .ovc-body-flip-inner{
    transition:
      transform .86s cubic-bezier(.16,.72,.18,1)!important;
    will-change:transform!important;
  }

  /* Let the outgoing face own the first half of the turn,
     then let the incoming face appear after the midpoint. */
  .global-archetype-overview-card .ovc-body-card-face{
    opacity:1!important;
    visibility:visible!important;
    transition:
      opacity .18s ease .40s,
      visibility 0s linear .40s!important;
  }

  .global-archetype-overview-card .ovc-body-control-face{
    opacity:0!important;
    visibility:hidden!important;
    transition:
      opacity .18s ease 0s,
      visibility 0s linear .43s!important;
  }

  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-card-face{
    opacity:0!important;
    visibility:hidden!important;
    transition:
      opacity .18s ease 0s,
      visibility 0s linear .43s!important;
  }

  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-control-face{
    opacity:1!important;
    visibility:visible!important;
    transition:
      opacity .20s ease .40s,
      visibility 0s linear .40s!important;
  }

  /* Slight depth cue without changing the geometry of either face. */
  .global-archetype-overview-card .ovc-body-flip-stage{
    perspective:1250px!important;
  }

  .global-archetype-overview-card .ovc-body-flip-inner{
    transform-origin:50% 50%!important;
  }
}

@media(min-width:761px) and (max-height:800px){
  .global-archetype-overview-card .ovc-body-flip-stage{
    height:326px!important;
  }

  .global-archetype-overview-card .ovc-body-control-face .ovc-body-expanded{
    gap:7px!important;
    padding-top:7px!important;
  }
}

/* === SOURCE: css/217-v5576-body-slide-transition.css === */

/* v5.5.76 · Replace cube flip with horizontal slide transition.
   Default: showcase card.
   调节: card slides left, body controls slide in from the right.
   收起: reverse. */

@media(min-width:761px){
  .global-archetype-overview-card .ovc-body-flip-stage{
    overflow:hidden!important;
    perspective:none!important;
  }

  .global-archetype-overview-card .ovc-body-flip-inner{
    position:relative!important;
    width:100%!important;
    height:100%!important;
    transform:none!important;
    transform-style:flat!important;
    transition:none!important;
    will-change:auto!important;
  }

  .global-archetype-overview-card .ovc-body-face{
    position:absolute!important;
    inset:0!important;
    backface-visibility:visible!important;
    -webkit-backface-visibility:visible!important;
    transform-style:flat!important;
    visibility:visible!important;
    opacity:1!important;
    transition:
      transform .68s cubic-bezier(.18,.72,.18,1),
      opacity .28s ease!important;
    will-change:transform!important;
  }

  /* Front card is the default visible panel. */
  .global-archetype-overview-card .ovc-body-card-face{
    transform:translateX(0)!important;
    pointer-events:auto!important;
    z-index:2!important;
  }

  /* Body controller waits just outside the right edge. */
  .global-archetype-overview-card .ovc-body-control-face{
    transform:translateX(104%)!important;
    pointer-events:none!important;
    z-index:3!important;
  }

  /* Open: card exits left, body controls enter from right. */
  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-card-face{
    transform:translateX(-104%)!important;
    pointer-events:none!important;
    opacity:.72!important;
  }

  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-control-face{
    transform:translateX(0)!important;
    pointer-events:auto!important;
    opacity:1!important;
  }

  /* Kill all legacy rotateY transforms from v5.5.72–75. */
  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-flip-inner{
    transform:none!important;
  }

  /* Horizontal arrow semantics remain:
     right = 调节, left = 收起. */
  .global-archetype-overview-card .ovc-body-toggle .ovc-chevron{
    transform:rotate(0deg)!important;
    transition:transform .28s ease!important;
  }

  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-toggle .ovc-chevron{
    transform:rotate(180deg)!important;
  }
}

@media(min-width:761px) and (prefers-reduced-motion:reduce){
  .global-archetype-overview-card .ovc-body-face{
    transition:none!important;
  }
}

/* === SOURCE: css/218-v5577-body-slide-direction-arrow.css === */

/* v5.5.77 · Body controls enter from LEFT; showcase card exits RIGHT.
   收起 reverses the motion. Duration = 0.75s. */

@media(min-width:761px){
  .global-archetype-overview-card .ovc-body-face{
    transition:
      transform .75s cubic-bezier(.18,.72,.18,1),
      opacity .30s ease!important;
  }

  /* Default: showcase card visible. */
  .global-archetype-overview-card .ovc-body-card-face{
    transform:translateX(0)!important;
    pointer-events:auto!important;
    z-index:2!important;
  }

  /* Body controls wait just outside the LEFT edge. */
  .global-archetype-overview-card .ovc-body-control-face{
    transform:translateX(-104%)!important;
    pointer-events:none!important;
    z-index:3!important;
  }

  /* Adjust: body enters from left, card leaves to right. */
  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-card-face{
    transform:translateX(104%)!important;
    pointer-events:none!important;
    opacity:.72!important;
  }

  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-control-face{
    transform:translateX(0)!important;
    pointer-events:auto!important;
    opacity:1!important;
  }

  /* ---------- Arrow semantics ----------
     Default:  调节 →
     Expanded: ← 收起
  */
  .global-archetype-overview-card .ovc-body-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
  }

  .global-archetype-overview-card .ovc-body-toggle .ovc-chevron{
    order:2!important;
    transform:rotate(0deg)!important;
    transition:transform .25s ease!important;
  }

  .global-archetype-overview-card .ovc-body-toggle .ovc-body-toggle-label{
    order:1!important;
  }

  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-toggle .ovc-chevron{
    order:1!important;
    transform:rotate(180deg)!important;
  }

  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-toggle .ovc-body-toggle-label{
    order:2!important;
  }
}

/* === SOURCE: css/219-v5578-body-slide-visibility-fix.css === */

/* v5.5.78 · Remove all leftover flip-era visibility gating.
   Both faces stay renderable; the stage clips the offscreen face, so entering
   and leaving are now symmetric translateX animations. */

@media(min-width:761px){
  .global-archetype-overview-card .ovc-body-card-face,
  .global-archetype-overview-card .ovc-body-control-face,
  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-card-face,
  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-control-face{
    visibility:visible!important;
  }

  .global-archetype-overview-card .ovc-body-card-face{
    opacity:1!important;
    transform:translateX(0)!important;
  }

  .global-archetype-overview-card .ovc-body-control-face{
    opacity:1!important;
    transform:translateX(-104%)!important;
  }

  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-card-face{
    opacity:1!important;
    transform:translateX(104%)!important;
  }

  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-control-face{
    opacity:1!important;
    transform:translateX(0)!important;
  }

  .global-archetype-overview-card .ovc-body-face{
    transition:
      transform .75s cubic-bezier(.18,.72,.18,1)!important;
  }
}

/* === SOURCE: css/220-v5579-body-slide-explicit-motion.css === */

/* v5.5.79 · CSS only defines the resting positions.
   The click transition itself is driven explicitly by Web Animations so the
   legacy body-expanded state cannot make the coordinate panel pop in first. */

@media(min-width:761px){
  .global-archetype-overview-card .ovc-body-face{
    transition:none!important;
    visibility:visible!important;
    opacity:1!important;
  }

  .global-archetype-overview-card .ovc-body-card-face{
    transform:translateX(0)!important;
  }

  .global-archetype-overview-card .ovc-body-control-face{
    transform:translateX(-104%)!important;
  }

  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-card-face{
    transform:translateX(104%)!important;
  }

  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-control-face{
    transform:translateX(0)!important;
  }

  /* The inner body content is always fully laid out; only its whole face moves. */
  .global-archetype-overview-card .ovc-body-control-face .ovc-body-expanded,
  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-control-face .ovc-body-expanded{
    display:grid!important;
    max-height:none!important;
    opacity:1!important;
    overflow:visible!important;
    transform:none!important;
    visibility:visible!important;
    transition:none!important;
  }
}