/*轮播图样式*/
   .carousel-indicator {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.5);
      cursor: pointer;
      transition: background-color 0.3s, width 0.3s;}
    .carousel-indicator.active {
      background-color: white;
      width: 24px;}
    .carousel-item {
      position: absolute;
      inset: 0;
      opacity: 0;
      transition: opacity 0.5s ease-in-out;}
    .carousel-item.opacity-100 {
      opacity: 1;
      z-index: 1;}
    .article-card {
      background: white;
      border-radius: 0.5rem;
      overflow: hidden;
      box-shadow: 0 1px 3px rgba(0,0,0,0.1);
      transition: all 0.3s ease;}
    .article-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 4px 6px rgba(0,0,0,0.1);}
    
    /* 链接样式 */
    .carousel-link {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;}
    .article-content a {
      color: inherit;
      text-decoration: none;}
    .article-content a:hover {
      color: #2563eb;
      text-decoration: underline;
      text-underline-offset: 2px;}
    
    /* 轮播指示器容器优化 */
    .indicators-container {
      max-width: 90%;
      overflow-x: auto;
      padding-bottom: 5px;}
    .indicators-container::-webkit-scrollbar {
      height: 3px;}
    .indicators-container::-webkit-scrollbar-thumb {
      background-color: rgba(255, 255, 255, 0.5);
      border-radius: 3px;}
      
      
/* -------------- 导航相关样式 -------------- */

    /* 桌面端三级下拉菜单 */
.text-red-8 {
    --tw-text-opacity: 1;
    color: rgb(7 72 140);
    font-weight: 1000;
}

    .dropdown-menu {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      min-width: 200px;
      background: white;
      border-radius: 0.25rem;
      box-shadow: 0 4px 6px rgba(0,0,0,0.1);
      z-index: 50;
      padding: 0.5rem 0;}
    .dropdown-submenu {
      display: none;
      position: absolute;
      top: 0;
      left: 100%;
      min-width: 180px;
      background: white;
      border-radius: 0.25rem;
      box-shadow: 0 4px 6px rgba(0,0,0,0.1);
      z-index: 50;
      padding: 0.5rem 0;}
    .dropdown-item {
      display: block;
      padding: 0.75rem 1.5rem;
      color: #374151;
      text-decoration: none;
      transition: background-color 0.2s, color 0.2s;}
    .dropdown-item:hover {
      background-color: #b0c7f5c9;
      color: #14a607;}
    .dropdown-menu-hover {
      position: relative;}
    .nav-item {
      position: relative;}
    .nav-item.has-dropdown::after {
      content: "\f107";
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      font-size: 0.75rem;
      margin-left: 0.25rem;
      color: #580dba;}
    .dropdown-menu-hover::after {
      content: "\f105";
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      font-size: 0.75rem;
      position: absolute;
      right: 1rem;
      top: 50%;
      transform: translateY(-50%);
      color: #580dba;}

    /* 移动端三级下拉菜单 */
    .mobile-dropdown-menu {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;}
    .mobile-dropdown-menu.active {
      max-height: 800px;}
    .mobile-dropdown-submenu {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;}
    .mobile-dropdown-submenu.active {
      max-height: 500px;}
    .mobile-dropdown-subsubmenu {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;}
    .mobile-dropdown-subsubmenu.active {
      max-height: 300px;}
    .mobile-dropdown-toggle .fa-angle-down {
      transition: transform 0.3s ease;}
    .mobile-dropdown-toggle.active .fa-angle-down {
      transform: rotate(180deg);}
    .mobile-dropdown-subtoggle .fa-angle-right {
      transition: transform 0.3s ease;}
    .mobile-dropdown-subtoggle.active .fa-angle-right {
      transform: rotate(90deg);}
    /* -------------- 导航相关样式结束 -------------- */