/*字幕*/
        .marquee-container {
            width: 100%;
            overflow: hidden;
            background-color: #3B82F6;
            padding: 2px 0;
        }
        .marquee-text {
            white-space: nowrap;
            color: white;
            font-size: 16px;
            animation: scroll-right-to-left 55s linear infinite;
        }
      @keyframes scroll-right-to-left {
    0% { transform: translateX(100%); } /* 初始位置在右侧 */
    100% { transform: translateX(-150%); } /* 最终位置在左侧 */
}


/* 添加高优先级的黄色背景样式 */
#main-header.scroll-bg {
background-color: rgba(253, 230, 138, 0.95) !important; /* 对应Tailwind的yellow-100/95 */
}



/*这段代码定义了 Tailwind CSS 的自定义工具类（Utility Classes），用于增强页面的功能和视觉效果。以下是每个工具类的具体作用：*/
@layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .text-shadow {
                text-shadow: 0 2px 4px rgba(0,0,0,0.5);
            }
            .brightness-110 {
                filter: brightness(1.1);
            }
            .wechat-font-scale {
                font-size: 1.2rem !important;
            }
        }
        
 
@media (max-width: 1023px) {
  .aside  {
    display: none !important;
  }
} 
  @media (max-width: 1623px) {
  .yincang_1  {
    display: none !important;
  }
}       
        
/*微信字体放大CSS辅助，在次用不上注释掉了*/        
/* 基础设置 */
body {
    font-size: 0.96rem;
}

/* 
/* 微信环境专用调整 */
/*.wechat-env {*/
    /* 修复微信浏览器常见的行高问题*/
 /*   line-height: 1.2; */
    
    /* 桌面微信专用样式 */
 /*   &.wechat-desktop {*/
        /* 可添加桌面微信专用调整 */
/*    }*/
    
    /* 移动微信专用样式 */
/*    &.wechat-mobile {*/
        /* 针对小屏幕优化行高*/
/*        line-height: 1.1; */
        
        /* 确保交互元素足够大 */
/*        button, a {*/
 /*           min-height: 44px; 满足无障碍标准 */
/*        }*/
/*    }*/
/* }*/