.liquid-container {
      position: fixed;
      top: 50%;
      left: 50%;
      width: 350px;
      height: 350px;
      transform: translate(-50%, -50%);
      pointer-events: none;
      z-index: 999;
    }
    
    .fluid.blue {
      position: absolute;
      width: 100%;
      height: 100%;
      aspect-ratio: 1/1;
      left: 0;
      top: 0;
      border-radius: 58% 42% 63% 37% / 49% 62% 38% 51%;
      background: radial-gradient(circle at 60% 35%, rgba(186,230,255,0.45) 60%, rgba(127,188,255,0.27) 100%);
      box-shadow: 0 0 120px 0 rgba(186,230,255,0.14), 0 0 36px 0 rgba(127,188,255,0.12);
      opacity: 0.75;
      animation: fluid-anim-pink 17s infinite alternate, fluid-rotate-pink 22s linear infinite;
      transition: opacity 0.5s;
    }
    
    .fluid.pink.sub {
      width: 100%;
      height: 100%;
      /*left: 9%;
      top: 9%;*/
      background: radial-gradient(circle at 35% 65%, rgba(255,185,234,0.27) 62%, rgba(251,80,168,0.16) 100%);
      opacity: 0.54;
      filter: blur(2px);
      animation: fluid-anim-pink-sub 21s infinite alternate, fluid-rotate-pink-sub 30s linear infinite;
      z-index: 1;
    }
    
    /* メインのblobの動き */
    @keyframes fluid-anim-pink {
        0%   { border-radius: 69% 31% 54% 46% / 77% 49% 51% 23%; }
        14%  { border-radius: 60% 43% 67% 37% / 63% 68% 44% 37%; }
        28%  { border-radius: 75% 25% 49% 51% / 57% 65% 55% 30%; }
        42%  { border-radius: 64% 34% 61% 39% / 59% 64% 42% 41%; }
        56%  { border-radius: 59% 39% 70% 30% / 61% 61% 62% 37%; }
        70%  { border-radius: 69% 31% 54% 46% / 77% 49% 51% 23%; }
        85%  { border-radius: 64% 48% 66% 34% / 60% 60% 53% 40%; }
        100% { border-radius: 69% 31% 54% 46% / 77% 49% 51% 23%; }
    }
    @keyframes fluid-rotate-pink {
      0%   { transform: rotate(0deg);}
      100% { transform: rotate(360deg);}
    }
    
    /* サブblobの動き */
    @keyframes fluid-anim-pink-sub {
        0%   { border-radius: 69% 31% 54% 46% / 77% 49% 51% 23%; }
        12%  { border-radius: 54% 68% 54% 63% / 71% 53% 53% 41%; }
        26%  { border-radius: 72% 22% 41% 59% / 59% 67% 47% 37%; }
        40%  { border-radius: 65% 35% 65% 35% / 70% 41% 62% 39%; }
        54%  { border-radius: 57% 37% 73% 27% / 71% 60% 54% 35%; }
        70%  { border-radius: 69% 31% 54% 46% / 77% 49% 51% 23%; }
        86%  { border-radius: 64% 44% 56% 64% / 66% 50% 49% 34%; }
        100% { border-radius: 69% 31% 54% 46% / 77% 49% 51% 23%; }
    }
    @keyframes fluid-rotate-pink-sub {
      0%   { transform: rotate(0deg);}
      100% { transform: rotate(-360deg);}
    }
    
    /* レスポンシブ対応 */
    @media (max-width: 600px) {
      .liquid-container {
        width: 70vw;
        height: 70vw;
        min-width: 130px;
        min-height: 130px;
        max-width: 96vw;
        max-height: 96vw;
      }
    }