/* 自定义样式 - 补充Tailwind CSS */

/* 隐藏滚动条 */
.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none;}
.scrollbar-hide::-webkit-scrollbar{display:none;}

/* 轮播图容器 */
.hero-carousel{margin-top:80px; /* 为固定头部留出空间 */}

/* 动画类 */
.animate-on-scroll.opacity-0{opacity:0;}
.animate-on-scroll.visible{opacity:1;transform:translateY(0)!important;}

/* 选项卡激活状态 */
.filter-tab.bg-primary-600,.news-tab.bg-primary-600{background-color:#4338ca;border-color:#4338ca;}

/* 轮播点激活状态 */
.carousel-dot.bg-white{background-color:white;}

/* 导航栏样式 */
header.scrolled #nav-bar{box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);}

/* 下拉菜单动画 */
.group:hover .group-hover\:visible{visibility:visible;}
.group:hover .group-hover\:opacity-100{opacity:1;}

/* 搜索框焦点样式 */
input:focus{outline:none;}

/* 移动端菜单过渡 */
.nav-menu{transition:all 0.3s ease-in-out;}

/* 语言按钮激活状态 */
.lang-btn.active{background-color:#1e293b;}

/* 语言下拉菜单样式 */
.language-dropdown.active > div{opacity:1;visibility:visible;transform:translateY(0);}
.language-dropdown.active button svg{transform:rotate(180deg);}
.lang-option:hover{background-color:#334155;}

/* 语言下拉菜单滚动 */
.language-dropdown ul{max-height:400px;overflow-y:auto;overflow-x:hidden;}

/* 桌面端顶部语言菜单滚动条 */
header .language-dropdown ul::-webkit-scrollbar{width:6px;}
header .language-dropdown ul::-webkit-scrollbar-track{background:rgba(255,255,255,0.1);border-radius:3px;}
header .language-dropdown ul::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.3);border-radius:3px;}
header .language-dropdown ul::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.5);}

/* Footer中语言菜单滚动条 */
footer .language-dropdown ul::-webkit-scrollbar{width:6px;}
footer .language-dropdown ul::-webkit-scrollbar-track{background:rgba(255,255,255,0.1);border-radius:3px;}
footer .language-dropdown ul::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.3);border-radius:3px;}
footer .language-dropdown ul::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.5);}

/* 移动端语言菜单滚动 */
.mobile-lang-menu{max-height:350px;overflow-y:auto;}
.mobile-lang-menu::-webkit-scrollbar{width:6px;}
.mobile-lang-menu::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px;}
.mobile-lang-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;}
.mobile-lang-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8;}

/* 移动端下拉菜单 */
.mobile-dropdown button[aria-expanded="true"] svg{transform:rotate(180deg);}

/* 页脚样式 */
footer{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);}

/* 页脚链接悬停效果 */
footer a{position:relative;}
footer a:hover{text-shadow:0 0 20px rgba(99,102,241,0.5);}

/* 回到顶部按钮样式 */
.back-to-top{transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
.back-to-top.visible,.back-to-top.opacity-100{transform:translateY(0) scale(1);}
.back-to-top:hover{transform:translateY(-4px) scale(1.1);}

/* 订阅表单样式 */
footer input[type="email"]{background-color:#1e293b;border-color:#334155;color:#fff;}
footer input[type="email"]:focus{border-color:#4338ca;box-shadow:0 0 0 3px rgba(67,56,202,0.2);}

/* 页脚数据卡片动画 */
footer .text-2xl{text-shadow:0 0 20px rgba(255,255,255,0.2);}

/* 社交媒体按钮悬停效果 */
footer a.w-10:hover{transform:translateY(-3px) scale(1.15);box-shadow:0 8px 20px rgba(0,0,0,0.3);}

/* 快速链接图标悬停 */
footer .text-primary-500{transition:all 0.3s ease;}

/* 产品圆点动画 */
footer .rounded-full{transition:all 0.3s ease;}
footer a:hover .rounded-full{transform:scale(1.5);box-shadow:0 0 10px rgba(99,102,241,0.6);}

/* 移动端底部导航 */
@media (max-width:768px){
  .mobile-bottom-nav{display:flex;}
  #backToTop{bottom:80px;right:20px;}
}
@media (max-width:640px){
  .mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:white;box-shadow:0 -2px 10px rgba(0,0,0,0.1);padding:8px 0;z-index:1000;justify-content:space-around;}
  .mobile-bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;font-size:12px;color:#64748b;}
  .mobile-bottom-nav .nav-item.active{color:#4338ca;}
  .mobile-bottom-nav .nav-icon{font-size:24px;margin-bottom:4px;}
}

/* 导航链接下划线动画 */
.nav-menu a{position:relative;}

/* 导航下拉箭头样式 */
.nav-arrow{color:#94a3b8;transition:all 0.3s ease;}

/* 鼠标悬停时箭头样式 */
.nav-item-dropdown:hover .nav-arrow{color:#4338ca;transform:rotate(180deg);}

/* 导航下拉项激活状态 */
.nav-item-dropdown:hover{position:relative;}
.nav-item-dropdown:hover::after{content:'';position:absolute;bottom:-8px;left:0;right:0;height:3px;background:linear-gradient(90deg,#4338ca,#6366f1);border-radius:2px;}
.nav-menu a::after{content:'';position:absolute;width:0;height:2px;bottom:-2px;left:50%;background-color:#4338ca;transition:all 0.3s ease;transform:translateX(-50%);}
.nav-menu a:hover::after{width:100%;}

/* 搜索框过渡 */
input[type="text"]{transition:all 0.3s ease;}
input[type="text"]:focus{transform:scale(1.02);}

/* Logo 悬停效果 */
a.group:hover .bg-gradient-to-br{transform:scale(1.1);}

/* 页脚渐变边框效果 */
footer .bg-slate-800{position:relative;overflow:hidden;}
footer .bg-slate-800::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,0.2),transparent);transition:left 0.5s ease;}
footer .bg-slate-800:hover::before{left:100%;}

/* 页脚联系信息卡片悬停 */
footer li.group:hover .bg-primary-500\/20{background-color:rgba(99,102,241,0.3);transform:scale(1.05);}

/* 平滑滚动 */
html{scroll-behavior:smooth;}

/* 按钮悬停光晕效果 */
button:hover,a:hover{transition:all 0.3s ease;}

.text-indent-2 p{text-indent: 2em;margin:1em 0;line-height:1.8;}

/* 强制确保下拉菜单可显示 */
.nav-menu li.group:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);}
.pages ul{display:-webkit-box;display:-ms-flexbox;display:box;display:-webkit-flex;display:flex;webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;}
.pages li{margin:0 4px;line-height:0;}
.pages li a,.pages li strong{display:inline-block;width:40px;height:40px;text-align:center;line-height:40px;font-size:14px;color:#4338ca;-webkit-box-shadow:0 0px 12px 0.8px rgba(0,0,0,0.1);box-shadow:0 0px 12px 0.8px rgba(0,0,0,0.1);cursor:pointer;}
.pages li a:hover{background-color:#4338ca;color:#fff;}
.pages li strong{background-color:#4338ca;color:#fff;-webkit-box-shadow:none;box-shadow:none;}
.pages li strong:hover{background-color:#333;}
.pages li .page-prev,.pages li .page-next{background-color:#f6f6f6;color:#4338ca;font-size:17px;-webkit-box-shadow:none;box-shadow:none;}
.pages li .page-prev:hover,.pages li .page-next:hover{background-color:#4338ca;color:#fff;}
.pages li .page-prev.disabled,.pages li .page-next.disabled{background-color:#f6f6f6;color:#ccc;cursor:not-allowed;}
.pages .page-break{color:#999;padding:0 5px;}

.magnifier-container{position:relative;overflow:hidden;cursor:crosshair;}
.magnifier-img{width:100%;height:auto;transition:transform 0.2s ease-out;}
.magnifier-glass{position:absolute;border:3px solid rgba(67,56,202,0.5);border-radius:50%;cursor:none;width:150px;height:150px;background-repeat:no-repeat;background-color:rgba(255,255,255,0.1);pointer-events:none;display:none;box-shadow:0 4px 6px rgba(0,0,0,0.1);}
.thumbnail{cursor:pointer;transition:all 0.3s;border:2px solid transparent;}
.thumbnail:hover,.thumbnail.active{border-color:#4338ca;transform:scale(1.05);}
.quantity-btn{transition:all 0.2s;}
.quantity-btn:hover{background-color:#4338ca;color:white;}
.spec-row:hover{background-color:#f0f4ff;}