/***<style type="text/tailwindcss">*****/
  /***   @layer utilities {*****/


  .content-auto {
        content-visibility: auto;}
      .text-shadow-glow {
        text-shadow: 0 0 10px rgba(142 ,212 ,210 , 0.7),   
                     0 0 20px rgba(142 ,212 ,210 , 0.5);}
      .border-glow {
        box-shadow: 0 0 5px rgba(54, 207, 201, 0.5),
                    0 0 10px rgba(54, 207, 201, 0.3);}
      .neon-line {
        background: linear-gradient(90deg, transparent, rgba(54, 207, 201, 0.8), transparent);
        height: 1px;
        position: absolute;
        animation: scan 4s linear infinite;}
      .grid-pattern {
        background-image: 
          linear-gradient(rgba(22, 93, 255, 0.05) 1px, transparent 1px),
          linear-gradient(90deg, rgba(22, 93, 255, 0.05) 1px, transparent 1px);
        background-size: 30px 30px;}
      .data-flow {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 0;}
      .pulse-slow {
        animation: pulse 6s infinite ease-in-out;}
      .float-random {
        animation: floatRandom 8s infinite ease-in-out;}
        
        
        
        
      @keyframes scan {
        0% { transform: translateY(-100%);}
        100% { transform: translateY(100%);}
      }
      @keyframes pulse {
        0%, 100% { opacity: 0.6; transform: scale(1);}
        50% { opacity: 1; transform: scale(1.05);}
      }
      @keyframes floatRandom {
        0% { transform: translate(0, 0) rotate(0deg);}
        25% { transform: translate(10px, -10px) rotate(2deg);}
        50% { transform: translate(5px, -15px) rotate(0deg);}
        75% { transform: translate(-5px, -5px) rotate(-2deg);}
        100% { transform: translate(0, 0) rotate(0deg);}
      }
      .text-gradient {
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        background-image: linear-gradient(90deg, #36CFC9, #165DFF);}
        
     .search-container {
        transform-origin: top right;
        transform: scale(0);
        opacity: 0;
        transition: transform 0.3s ease, opacity 0.3s ease;}
      .search-container.active {
        transform: scale(1);
        opacity: 1;}
      /* 三级导航样式（桌面端） */
      .dropdown-hover:hover .dropdown-menu {
        display: block;}
      .dropdown-menu-hover:hover .dropdown-submenu {
        display: block;}

     
  

    /*** }*****/