.logo-height {height: 40px}
.nav-link { @apply relative text-gray-700 hover:text-blue-600 transition-colors py-2; }
.nav-link::after { content: ''; @apply absolute bottom-0 left-0 w-0 h-0.5 bg-blue-600 transition-all duration-300; }
.nav-link:hover::after { @apply w-full; }
.mobile-menu { transition: transform 0.3s ease-in-out; }
.banner-zoom { animation: zoom-fade 8s infinite alternate; }
@keyframes zoom-fade { from { transform: scale(1); } to { transform: scale(1.1); } }
.product-card:hover .product-img { transform: translateY(-10px); }
.scroll-smooth { scroll-behavior: smooth; }
.lg\:text-7xl1{font-size: 3.5rem}
.text-sm1 {font-size: 1rem}
.max-w-site {max-width: 75rem;}
.py-161{padding-top:10rem;padding-bottom: 10rem;}
        @layer base {
            :root {
                --primary: 221.2 83.2% 53.3%;
                --primary-foreground: 210 40% 98%;
                --secondary: 142.1 70.6% 45.3%; /* Safety Green */
                --muted: 210 40% 96.1%;
                --accent: 210 40% 96.1%;
                --border: 214.3 31.8% 91.4%;
            }
        }

        /* 实验室科技感背景装饰 */
        .lab-grid {
            background-image: radial-gradient(circle, #e2e8f0 1px, transparent 1px);
            background-size: 30px 30px;
        }
        
        .hex-bg {
            clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
        }

        .tech-line {
            background: linear-gradient(90deg, transparent, theme('colors.blue.500'), transparent);
            height: 1px;
            width: 100%;
        }

        /* 时间轴自定义样式 */
        .timeline-item::before {
            content: '';
            position: absolute;
            left: 50%;
            top: 0;
            bottom: 0;
            width: 2px;
            background: #e2e8f0;
            transform: translateX(-50%);
        }

        /* Shadcn 风格卡片 */
        .shadcn-card {
            @apply bg-white rounded-xl border border-gray-200 shadow-sm transition-all hover:shadow-md;
        }

        /* 组织架构图连接线 */
        .org-line-v { width: 2px; @apply bg-blue-200 mx-auto; }
        .org-line-h { height: 2px; @apply bg-blue-200; }


                .section-title { @apply text-2xl font-bold text-slate-800 flex items-center gap-3 mb-8; }
        .section-title::before { content: ''; @apply w-1.5 h-8 bg-blue-600 rounded-full; }
        
        .info-card { @apply bg-white p-6 rounded-xl border border-gray-100 shadow-sm flex flex-col gap-2; }
        .info-label { @apply text-xs text-gray-400 uppercase tracking-widest font-bold; }
        .info-value { @apply text-lg text-slate-800 font-bold; }

        .step-node { @apply relative pl-8 pb-12 last:pb-0; }
        .step-node::before { content: ''; @apply absolute left-[11px] top-2 bottom-0 w-0.5 bg-blue-100; }
        .step-node:last-child::before { @apply hidden; }
        .step-dot { @apply absolute left-0 top-1 w-6 h-6 rounded-full bg-blue-600 border-4 border-white shadow-md z-10 flex items-center justify-center text-[10px] text-white font-bold; }
        
        .gallery-item { @apply rounded-2xl overflow-hidden border bg-gray-100 group cursor-pointer; }
        .gallery-img { @apply w-full h-full object-cover transition-transform duration-700 group-hover:scale-110; }

        .news-content p { @apply text-gray-600 leading-relaxed mb-6; }
        .news-content h2 { @apply text-2xl font-bold text-slate-800 mb-4 mt-8; }
        .news-content h3 { @apply text-xl font-bold text-slate-800 mb-3 mt-6; }
        .news-content ul { @apply list-disc list-inside mb-6 text-gray-600 space-y-2; }
        .news-content blockquote { @apply border-l-4 border-blue-600 bg-blue-50 p-6 italic text-gray-700 mb-6 rounded-r-lg; }
        .sidebar-widget { @apply bg-white p-6 rounded-xl shadow-sm border border-gray-100; }
        .sidebar-title { @apply font-bold text-slate-800 mb-4 flex items-center gap-2; }
        .text-gray-4001 {padding-top:2rem}
        .yzm{margin-top: 28px;}
        .h-801 {    height: 28rem;}
        .bg-blue-501{background-color:rgb(233 233 233);}
        .w-641{width:850px !important;max-width: unset !important;}
        .max-w-2xl1 {max-width: 50rem;}
        .abt{top:80px;}
        .zs img{width: 100%}
        .fyt span{margin: 10px;border: 1px solid #c1c1c1;
        padding: 10px;}
        .fyt a{margin: 10px}
        .truncate1{white-space: nowrap;}

@media (max-width: 767px) {
  /* 这里写手机专属样式 */
  .text-5xl {
   font-size: 2.5rem  !important;line-height: 1.2 !important;
  }
  
  .w-64{width: auto  !important;}
  .ding{display: none  !important;}
  .text-4xl{font-size: 1.5rem !important}
  .fyt span{margin: 0}
  .fyt a{margin: 0}
  .logo-height {height: 25px}
}