/* 深色模式公告栏 */
.dark-mode .announcement-bar {
  background: rgba(30, 30, 40, 0.3) !important;
  border-bottom: 0.5px solid rgba(100, 100, 150, 0.1);
}

.dark-mode .announcement-header h3,
.dark-mode .announcement-body p {
  color: #a0c0ff !important;
}

/* 增强公告条深色模式适配 */
.dark-mode .announcement-bar {
  background: rgba(30, 30, 40, 0.3) !important;
  border-bottom: 0.5px solid rgba(100, 100, 150, 0.1);
}

.dark-mode .announcement-header h3,
.dark-mode .announcement-body p {
  color: #a0c0ff !important;
}

/* 公告按钮深色模式适配 */
.dark-mode #announcement-button {
  background: rgba(59, 130, 246, 0.8) !important;
  color: white !important;
}

.dark-mode #announcement-button:hover {
  background: rgba(37, 99, 235, 0.8) !important;
}

/* 弹窗深色模式增强 */
.dark-mode .swal2-popup {
  background: rgba(30, 30, 35, 0.92) !important;
  border: 1px solid rgba(60, 60, 70, 0.8) !important;
}

.dark-mode .swal2-title {
  color: #f0f0f0 !important;
}

.dark-mode .swal2-html-container {
  color: #c0c0c0 !important;
}

/* ===== 新增公示条样式 ===== */
.announcement-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    background: rgba(173, 216, 230, 0.3); /* 半透明淡蓝色 */
    backdrop-filter: blur(25px); /* 高斯模糊 */
    z-index: 10000; /* 确保在最顶层 */
    display: flex;
    align-items: center;
    padding: 13px;
    box-sizing: border-box;
    transform: translateY(-100%); /* 初始位置在屏幕外 */
    animation: slideIn 2s forwards; /* 5秒动画 */
    border-bottom: 0.5px solid rgba(0, 0, 150, 0.1);
}

.announcement-content {
    width: 100%;
    display: grid;
    grid-template-rows: auto auto auto;
    gap: 5px;
}

.announcement-header h3 {
    font-size: 15px;
    color: #0d47a1; /* 深蓝色 */
    text-align: left;
    margin: 0;
    font-weight: bold;
}

.announcement-body p {
    font-size: 14px;
    color: #0d47a1; /* 深蓝色 */
    text-align: left;
    margin: 0;
    line-height: 1.4;
}

.announcement-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 0;
}

#announcement-button {
    color: white !important; /* 白色字体 */
    border-radius: 9px !important; /* 圆角大小 */
    background: rgba(59, 130, 246, 0.8) !important; /* 半透明蓝色 */
    backdrop-filter: blur(20px) !important; /* 模糊背景 */
    border: none !important; /* 移除边框 */
    padding: 5px 5px !important; /* 调整内边距 */
    font-size: 12px !important; /* 字体大小 */
    transition: all 0.3s ease !important; /* 添加过渡效果 */
}

#announcement-button:hover {
    background: rgba(37, 99, 235, 0.8) !important; /* 悬停时加深蓝色 */
    transform: translateY(-2px) !important; /* 轻微上浮效果 */
    box-shadow: 0 4px 10px rgba(59, 130, 246, 0.3) !important; /* 添加阴影 */
}

/* 调整顶栏位置 */
.navbar {
    top: 90px !important; /* 下移70px */
}

/* PC端菜单位置调整 */
.pc-navbar {
    top: 120px !important; /* 30px + 70px */
}

/* 英雄区域高度调整 */
.hero {
    height: calc(100vh - 90px) !important; /* 减去公示条高度 */
    margin-top: 90px; /* 下移70px */
}


/* 优化动画效果 */
@keyframes slideIn {
    0% {
        transform: translateY(-100%);
        filter: blur(17px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        filter: blur(0);
        opacity: 1;
    }
}


/* 响应式调整 */
@media (max-width: 768px) {
    .announcement-content {
        padding: 7px 0;
    }
    
    .announcement-header h3,
    .announcement-body p {
        font-size: 13px;
    }
    
    .pc-navbar {
        top: 30px !important;
    }
}
/* 返回顶部按钮样式 */
#back-to-top {
    position: fixed;
    bottom: 59px;
    right: 30px;
    width: 40px;
    height: 40px;
    color: white;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    display: none;
    z-index: 999;
    transition: var(--transition);
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
      background: rgba(255, 255, 255, 0.7) !important; /* 半透明白色背景 */
  border: 0.4px solid rgba(0, 0, 0, 0.4) !important; /* 黑色描边 */
  box-shadow: 
    0 0 10px rgba(255, 0, 0, 0.3), 
    0 2px 8px rgba(0, 0, 0, 0.3) !important; /* RGB模糊阴影 */
}

#back-to-top:hover {
    background-color: var(--secondary-color);
    transform: translateY(-3px);
      background: rgba(255, 255, 255, 0.9) !important;
  transform: translateY(-5px) scale(1.05); /* 更明显的悬停效果 */
  box-shadow: 
    0 0 15px rgba(255, 0, 0, 0.4), 
    0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

#back-to-top i {
    font-size: 18px;
      color: #ff9999 !important; /* 淡红色 */
}


		a { text-decoration: none; }
		/* 底部整体样式 */
		footer {
		    background-color: #f2f2f2;
		    padding: 20px;
		    text-align: center;
		}
/* 返回顶部按钮样式 */


/* 统一弹窗宽度设置 */
.swal2-popup {
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(240, 240, 240, 0.8) !important;
  box-shadow: 
    0 10px 30px rgba(0, 0, 0, 0.08),
    0 0 20px rgba(30, 144, 255, 0.05) !important;
  display: flex;
  flex-direction: column;
  width: 80% !important; /* 统一设置为80%宽度 */
  max-width: 500px; /* 添加最大宽度限制 */
  max-height: 60vh;
  min-height: 150px;
  overflow: hidden;
  padding: 0 !important;
}

/* 移除原有的媒体查询，使用统一设置 */
/* 标题样式保持不变 */
.swal2-title {
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  text-align: left !important;
  width: 100%;
  margin: 15px 0 10px 20px !important;
  padding: 0 !important;
  flex-shrink: 0;
}

/* 内容区域样式调整 */
.swal2-html-container {
  font-size: 15px !important;
  color: #4a4a4a !important;
  line-height: 1.5;
  text-align: left !important;
  width: calc(100% - 15px) !important; /* 减去右边距 */
  margin: 0 15px 10px 20px !important; /* 右边距设为15px */
  padding: 0 !important;
  overflow-y: auto;
  max-height: 40vh;
  flex: 1;
  min-height: 50px;
  white-space: normal !important; /* 确保内容可以自动换行 */
  word-wrap: break-word !important; /* 长单词或URL可以换行 */
}

/* 深色模式适配 */
.dark-mode .swal2-html-container {
  color: #c0c0c0 !important;
}


/* 其他样式保持不变... */
/* 美化滚动条 */
.swal2-html-container::-webkit-scrollbar {
  width: 8px;
}

.swal2-html-container::-webkit-scrollbar-track {
  background: rgba(240, 240, 240, 0.5);
  border-radius: 4px;
}

.swal2-html-container::-webkit-scrollbar-thumb {
  background: rgba(59, 130, 246, 0.5);
  border-radius: 4px;
}

.swal2-html-container::-webkit-scrollbar-thumb:hover {
  background: rgba(59, 130, 246, 0.7);
}

/* 按钮组外边距设置 */
.swal2-actions {
  flex-direction: row !important; /* 确保横向排列 */
  justify-content: flex-end !important; /* 按钮右对齐 */
  gap: 12px !important; /* 按钮间距 */
  margin: 10px 5px 5px 0px !important; /* 精简外边距 */
  padding: 0 !important;
  flex-wrap: nowrap !important; /* 禁止换行 */

}


/* 统一按钮尺寸 */
.swal2-confirm,
.swal2-cancel {
  padding: 8px 16px !important; /* 减小内边距 */
  font-size: 14px !important; /* 减小字体 */
  min-width: 80px !important; /* 最小宽度防止换行 */
  white-space: nowrap !important; /* 禁止文本换行 */
  border-radius: 8px !important; /* 微调圆角 */
}

/* 特定公告按钮保持原样 */
#announcement-button {
  padding: 5px 5px !important; /* 保持原有内边距 */
  font-size: 12px !important; /* 保持原有字体 */
  min-width: auto !important; /* 取消最小宽度限制 */
}




/* 按钮样式 */
.swal2-confirm {
  background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
  border: none !important;
  box-shadow: 0 4px 10px rgba(59, 130, 246, 0.3) !important;
  transition: all 0.2s ease;

}

.swal2-confirm:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(59, 130, 246, 0.4) !important;
}

.swal2-cancel {
  background: rgba(245, 245, 245, 0.9) !important;
  color: #4a4a4a !important;
  border: 1px solid rgba(220, 220, 220, 0.8) !important;
  transition: all 0.2s ease;
}

.swal2-cancel:hover {
  background: rgba(235, 235, 235, 0.9) !important;
  transform: translateY(-2px);
}

/* 图标外边距设置 */
.swal2-icon {
  width: 44px !important;
  height: 44px !important;
  border-width: 3px !important;
  /* 外边距设置 */
  margin: 10px auto 10px !important; /* 减少上下边距 */
  flex-shrink: 0; /* 防止图标被压缩 */
}

/* 进度条容器外边距设置 */
.progress-container {
  width: 100%;
  height: 6px;
  background: rgba(230, 230, 230, 0.7);
  border-radius: 3px;
  overflow: hidden;
  backdrop-filter: blur(2px);
  /* 外边距设置 */
  margin: 10px 0 0 0 !important; /* 减少上边距 */
  flex-shrink: 0; /* 防止进度条被压缩 */
}

/* MD3内容样式外边距设置 */
.md3-alert-content {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: flex-start;
  text-align: left;
  /* 外边距设置 */
  margin: 0 15px !important; /* 上下0 左右15px */
  padding: 0 !important;
  flex-shrink: 0; /* 防止被压缩 */
}

.md3-alert-content .material-icons {
  font-size: 28px;
  color: #3b82f6;
}

/* 深色模式适配 */
@media (prefers-color-scheme: dark) {
  .swal2-popup {
    background: rgba(30, 30, 35, 0.92) !important;
    border: 1px solid rgba(60, 60, 70, 0.8) !important;
    box-shadow: 
      0 10px 30px rgba(0, 0, 0, 0.3),
      0 0 20px rgba(30, 144, 255, 0.1) !important;
  }
  
  .swal2-title {
    color: #f0f0f0 !important;
  }
  
  .swal2-html-container {
    color: #c0c0c0 !important;
  }
  
  .swal2-cancel {
    background: rgba(45, 45, 50, 0.9) !important;
    color: #e0e0e0 !important;
    border: 1px solid rgba(80, 80, 90, 0.8) !important;
  }
  
  .swal2-cancel:hover {
    background: rgba(55, 55, 60, 0.9) !important;
  }
  
  .progress-container {
    background: rgba(50, 50, 55, 0.7);
  }
  
  .md3-alert-content .material-icons {
    color: #60a5fa;
  }
  
  /* 深色模式滚动条 */
  .swal2-html-container::-webkit-scrollbar-track {
    background: rgba(50, 50, 55, 0.5);
  }
  
  .swal2-html-container::-webkit-scrollbar-thumb {
    background: rgba(59, 130, 246, 0.3);
  }
  
  .swal2-html-container::-webkit-scrollbar-thumb:hover {
    background: rgba(59, 130, 246, 0.5);
  }
}

/* DeepSeek弹窗专用动画 */
@keyframes deepseek-fade-in {
  0% {
    opacity: 0;
    filter: blur(10px);
    transform: scale(0.9) translateY(30px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: scale(1) translateY(0);
  }
}

@keyframes deepseek-fade-out {
  0% {
    opacity: 1;
    filter: blur(0);
    transform: scale(1) translateY(0);
  }
  100% {
    opacity: 0;
    filter: blur(20px);
    transform: scale(0.8) translateY(50px);
  }
}

/* 应用打开动画 */
.swal2-container.swal2-shown:not(.swal2-backdrop-noanimation) .swal2-popup {
  animation: deepseek-fade-in 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}

/* 应用关闭动画 */
.swal2-container.swal2-hide:not(.swal2-backdrop-noanimation) .swal2-popup {
  animation: deepseek-fade-out 0.5s cubic-bezier(0.64, 0.04, 0.78, 0.36) forwards !important;
}

/* 背景遮罩动画 */
.swal2-container.swal2-shown:not(.swal2-backdrop-noanimation) .swal2-backdrop-show {
  animation: fade-in-backdrop 0.5s forwards;
  background: rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: blur(10px);
}

@keyframes fade-in-backdrop {
  from { opacity: 0; }
  to { opacity: 1; }
}

.swal2-container.swal2-hide:not(.swal2-backdrop-noanimation) .swal2-backdrop-show {
  animation: fade-out-backdrop 0.5s forwards;
}

@keyframes fade-out-backdrop {
  from { 
    opacity: 1;
    backdrop-filter: blur(10px);
  }
  to { 
    opacity: 0;
    backdrop-filter: blur(0);
  }
}

/* 其余样式保持不变... */

		/* 邮箱容器样式 */
		.yxcontainer {
		
		    display: flex;
		
		    justify-content: center;
		
		    align-items: center;
		
		    width: 80%;
		
		    max-width: 600px;
		
		    border-radius: 13px;
		
		    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		
		    background-color: #fff;
		
		    padding: 20px;
		
		}
		
		/* 邮箱头部样式 */
		
		.yxheader {
		
		    display: flex;
		
		    align-items: center;
		
		    color: #333;
		
		    font-weight: bold;
		
		    font-size: 24px;
		
		}
		
		/* 新增覆盖层样式 */
		
		.overlay-mask {
		
		    position: fixed;
		
		    top: 0;
		
		    left: 0;
		
		    width: 100%;
		
		    height: 100%;
		
		    background: rgba(0, 0, 0, 0.5);
		
		    backdrop-filter: blur(0px);
		
		    z-index: 9999;
		
		    opacity: 0;
		
		    transition: all 0.5s ease;
		
		    pointer-events: none;
		
		}
		
		.overlay-content {
		
		    position: relative;
		
		    width: 100%;
		
		    height: 100%;
		
		    opacity: 0;
		
		    transform: scale(0.95);
		
		    transition: all 0.5s ease;
		
		}
		
		.overlay-mask.active {
		
		    opacity: 1;
		
		    backdrop-filter: blur(10px);
		
		    pointer-events: all;
		
		}
		
		.overlay-mask.active .overlay-content {
		
		    opacity: 1;
		
		    transform: scale(1);
		
		}
		
		#cs-frame {
		
		    width: 100%;
		
		    height: 100%;
		
		    border: none;
		
		    background: transparent;
		}
		
		.overlay-close {
		
		    position: absolute;
		
		    top: 20px;
		
		    right: 20px;
		
		    color: #fff;
		
		    font-size: 24px;
		
		    cursor: pointer;
		
		    z-index: 10000;
		
		}     
		
		/* 导航链接样式 */
		
		.footer-nav ul {
		
		    list-style-type: none;
		
		    padding: 0;
		
		}
		.footer-nav ul li {
		
		    display: inline-block;
		
		    margin-right: 10px;
		
		}
		.footer-nav ul li a {
		
		    text-decoration: none;
		
		    color: #333;
		
		}
		/* 版权信息样式 */
		
		.footer-info {
		
		    margin: 10px 0;
		
		}
		.footer-info p {
		
		    font-size: 12px;
		
		    color: #888;
		
		}
		/* 社交媒体链接样式 */
		
		.footer-social ul {
		
		    list-style-type: none;
		
		    padding: 0;
		
		}
		.footer-social ul li {
		
		    display: inline-block;
		
		    margin-right: 10px;
		
		}
		.footer-social ul li a {
		
		    text-decoration: none;
		
		    color: #333;
		
		    font-size: 18px;
		}
		
		/* 联系信息样式 */
		
		.footer-contact p {
		
		    font-size: 12px;
		
		    color: #888;
		
		    margin: 5px 0;
		
		}
		/* 返回顶部按钮样式 */
		
		.footer-back-to-top a {
		
		    text-decoration: none;
		
		    color: #333;
		
		    font-size: 12px;
		
		}
		.footer-back-to-top a:hover {
		
		    text-decoration: underline;
		
		}
		/* 邮箱表单样式 */
		
		.yxform {
		
		  display: flex;
		
		  flex-direction: column;
		
		  background: white;
		
		  padding: 30px;
		
		  border-radius: 17px;
		
		  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
		
		  display: grid;
		
		  gap: 20px;
		}
		
		input[type="text"],
		
		input[type="submit"] {
		
		width: 100%;
		
		padding: 12px 15px;
		
		border: 1px solid #e5e7eb;
		
		border-radius: 8px;
		
		margin-top: 10px;
		
		font-size: 1rem;
		
		transition: all 0.3s ease;
		
		}
		
		input[type="text"] {
		
		font-weight: 500;
		
		color: var(--text-color);
		
		}
		
		input[type="submit"] {
		
		    margin-top: 15px;
		
		    background-color: #9370DB;
		
		    color: #fff;
		
		    border: none;
		
		    cursor: pointer;
		
		    position: relative;
		
		    overflow: hidden;            
		}
		input[type="text"][name="email_nr"] {
		    height: 120px;
		}            
		/* 添加加载过渡 */
		#cs-frame {
		    opacity: 0;
		    transition: opacity 0.3s ease;
		}
		#cs-frame.loaded {
		    opacity: 1;
		}
		
		/* 替换原有.admin-panel-link相关样式 */
		.admin-panel-link {
		    visibility: hidden;
		    opacity: 0;
		    height: 0;
		    width: 0;
		    pointer-events: none;
		    position: absolute;  /* 新增 */
		}
		.show-admin-link {
		    visibility: visible;
		    opacity: 1;
		    height: auto;
		    width: auto;
		    pointer-events: auto;
		    position: static;  /* 新增 */
		}
		/* 保证导航项布局稳定 */
		.mobile-nav-links li,
		.pc-menu-list li {
		    position: relative;
		    min-width: 60px;  /* 根据实际宽度调整 */
		}






/* 底部淘宝抖音UI样式 */
.social-icons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 15px 0;
    padding: 0 10px;
}

.social-icon {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(200, 200, 200, 0.3);
    transition: all 0.3s ease;
}

.social-icon:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: translateY(-3px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.social-icon svg {
    fill: #686767;
}