@font-face {
            font-family: 'Gilroy';
            src: url('../../Fonts/Gilroy-ExtraBold.otf') format('opentype');
            font-weight: 900;
            font-style: normal;
        }
        @font-face {
            font-family: 'Gilroy';
            src: url('../../Fonts/gilroy-semi-bold.woff2') format('woff2'),url('../../Fonts/gilroy-semi-bold.woff') format('woff');
            font-weight: 800;
            font-style: normal;
        }
        @font-face {
            font-family: 'Gilroy';
            src: url('../../Fonts/Gilroy-Light.otf') format('opentype');
            /*src: url('../../Fonts/gilroy-light-italic.ttf') format('opentype');*/
            font-weight: 300;
            font-style: normal;
        }

        :root {
            --primary-blue: #2563eb;
            --accent-orange: #f97316;
            --dark-bg: #0f172a;
            --dark-surface: #1e293b;
            --light-bg: #f8fafc;
            --light-surface: #ffffff;
            --text-primary-dark: #ffffff;
            --text-secondary-dark: rgba(255, 255, 255, 0.7);
            --text-primary-light: #1e293b;
            --text-secondary-light: #64748b;
            --border-dark: rgba(255, 255, 255, 0.1);
            --border-light: #e2e8f0;
            --shadow-dark: 0 25px 50px -12px rgba(0, 0, 0, 0.4);
            --shadow-light: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Gilroy', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            font-weight: 300;
            line-height: 1.6;
            overflow-x: hidden;
            background: rgba(15, 23, 42, 1);
        }

        /* Section alternating colors */
        .section-dark {
            background: var(--dark-bg);
            color: var(--text-primary-dark);
        }

        .section-light {
            background: var(--light-bg);
            color: var(--text-primary-light);
        }

        .section-gray {
            background: #f8fafc;
            color: var(--text-primary-light);
        }

        /* DNA Animation Background for Hero */
        .dna-animation {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            pointer-events: none;
            z-index: 1;
        }

        .dna-helix {
            position: absolute;
            width: 10px;                         /* 再次加宽，增强可见度 */
            height: 100%;
            background: linear-gradient(to bottom, 
                transparent 0%,
                rgba(59, 130, 246, 0.8) 15%,    /* 更早开始，更高透明度 */
                rgba(59, 130, 246, 0.9) 50%,    /* 中心更亮 */
                rgba(59, 130, 246, 0.8) 85%,    /* 更晚结束 */
                transparent 100%);
            opacity: 0.8;                        /* 进一步提高可见度 */
            animation: dnaRotate 15s linear infinite;
            /* 增强毛玻璃效果和光晕 */
            backdrop-filter: blur(3px);
            border-radius: 5px;
            border: 1px solid rgba(59, 130, 246, 0.5);
            box-shadow: 
                0 0 12px rgba(59, 130, 246, 0.6),
                0 0 24px rgba(59, 130, 246, 0.3),
                inset 0 0 6px rgba(59, 130, 246, 0.4);
        }

        .dna-helix:nth-child(1) { left: 20%; animation-delay: 0s; }
        .dna-helix:nth-child(2) { left: 40%; animation-delay: -5s; }
        .dna-helix:nth-child(3) { left: 60%; animation-delay: -10s; }
        .dna-helix:nth-child(4) { left: 80%; animation-delay: -15s; }

        @keyframes dnaRotate {
            0% { transform: translateY(-100%) rotate(0deg); }
            100% { transform: translateY(100vh) rotate(360deg); }
        }

        /* Floating RNA particles - 清洁简约的粒子效果 */
        .rna-particle {
            position: absolute;
            width: 10px;                         /* 适中尺寸 */
            height: 10px;
            background: radial-gradient(circle, rgba(59, 130, 246, 0.8) 0%, rgba(59, 130, 246, 0.4) 70%, transparent 100%);
            border-radius: 50%;
            opacity: 0.7;
            animation: floatRNA 20s linear infinite;
            /* 移除毛玻璃效果，使用简洁的光晕 */
            box-shadow: 
                0 0 8px rgba(59, 130, 246, 0.3),
                0 0 16px rgba(59, 130, 246, 0.1);
            /* 移除border避免奇怪的描边效果 */
        }

        .rna-particle:nth-child(5) { left: 10%; animation-delay: 0s; }
        .rna-particle:nth-child(6) { left: 30%; animation-delay: -3s; }
        .rna-particle:nth-child(7) { left: 50%; animation-delay: -6s; }
        .rna-particle:nth-child(8) { left: 70%; animation-delay: -9s; }
        .rna-particle:nth-child(9) { left: 90%; animation-delay: -12s; }

        @keyframes floatRNA {
            0% { 
                transform: translateY(100vh) translateX(0) scale(0.3);
                opacity: 0;
            }
            20% { 
                opacity: 0.7;
                transform: translateY(80vh) translateX(20px) scale(1);
            }
            50% { 
                opacity: 1;
                transform: translateY(50vh) translateX(50px) scale(1.1);
            }
            80% { 
                opacity: 0.7;
                transform: translateY(20vh) translateX(80px) scale(1);
            }
            100% { 
                transform: translateY(-100px) translateX(100px) scale(0.3);
                opacity: 0;
            }
        }

        /* Navigation */
        .navbar {
            position: fixed;
            top: 0;
            width: 100%;
            background: rgba(15, 23, 42, 0.95);
            backdrop-filter: blur(20px);
            z-index: 1000;
            border-bottom: 1px solid var(--border-dark);
            transition: all 0.3s ease;
        }

        .nav-container {
            width: 100%;                    /* 移除最大宽度限制，允许等比例拉宽 */
            margin: 0 auto;
            padding: 0 4vw;                 /* 使用视口单位，保持等比例 */
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 70px;
        }

        .logo {
            font-size: 1.8rem;
            font-weight: 800;
            color: var(--primary-blue);
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .logo:hover {
            color: var(--accent-orange);
        }

        .nav-links {
            display: flex;
            list-style: none;
            gap: 2.67rem;
            align-items: center;
        }

        .nav-links a {
            text-decoration: none;
            color: var(--text-secondary-dark);
            font-weight: 300;
            transition: all 0.3s ease;
            position: relative;
        }

        .nav-links a:hover {
            color: var(--accent-orange);
        }

        .nav-links a::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -5px;
            left: 0;
            background: var(--accent-orange);
            transition: width 0.3s ease;
        }

        .nav-links a:hover::after {
            width: 100%;
        }

        /* LinkedIn Logo in Navigation */
        .nav-linkedin-logo {
            height: 24px;
            width: 24px;
            border-radius: 8px;
            transition: all 0.3s ease;
            opacity: 0.8;
        }

        .linkedin-link:hover .nav-linkedin-logo {
            opacity: 1;
            transform: scale(1.1);
        }

        .linkedin-link::after {
            display: none; /* Remove underline effect for LinkedIn logo */
        }

        /* LinkedIn Logo in News Section */
        .news-linkedin-logo {
            height: 20px;
            width: 20px;
            border-radius: 4px;
            transition: all 0.3s ease;
            opacity: 0.8;
            margin-left: 0.5rem;
        }

        .news-linkedin-link:hover .news-linkedin-logo {
            opacity: 1;
            transform: scale(1.1);
        }

        .news-linkedin-link {
            text-decoration: none;
            display: inline-flex;
            align-items: center;
        }

        /* Hero Section */
        .hero {
            min-height: 100vh;
            min-height: 100dvh; /* 支持动态视口高度 */
            display: flex;
            align-items: center;
            position: relative;
            overflow: hidden;
            background: rgba(15, 23, 42, 0.95);
            padding-top: 70px; /* 为导航栏预留空间 */
        }
        
        /* Elegant parallelogram animation */
        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 45%;
            height: 100%;
            background: linear-gradient(45deg, rgba(37, 99, 235, 0.08), rgba(59, 130, 246, 0.05));
            opacity: 0.6;
            transform: skewX(-12deg);
            transform-origin: top;
            animation: elegantShift 12s ease-in-out infinite;
            z-index: 1;
            pointer-events: none;
        }
        
        @keyframes elegantShift {
            0%, 100% { 
                transform: skewX(-12deg) translateX(0) translateY(0); 
                opacity: 0.6;
            }
            33% { 
                transform: skewX(-8deg) translateX(15px) translateY(-5px); 
                opacity: 0.4;
            }
            66% { 
                transform: skewX(-15deg) translateX(-10px) translateY(8px); 
                opacity: 0.7;
            }
        }



        .hero-container {
            width: 100%;                    /* 移除最大宽度限制 */
            margin: 0 auto;
            padding: 0 6vw;                 /* 使用视口单位 */
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8vw;                       /* 使用视口单位保持等比例 */
            align-items: center;
            position: relative;
            z-index: 15;
        }



        .hero-content h1 {
            font-family: 'Gilroy', -apple-system, BlinkMacSystemFont, sans-serif;
            font-weight: 900;
            font-size: clamp(1rem, 4.0vw, 4.5rem);
            line-height: 1.1;
            margin-bottom: 1.5rem;
            color: var(--text-primary-dark);
        }

        .hero-content .highlight {
            color: var(--primary-blue);
        }

        /* Decoding RNA 闪光特效 */
        .highlight-shine {
            color: var(--primary-blue);
            position: relative;
            background: linear-gradient(90deg, var(--primary-blue), #60a5fa, var(--primary-blue));
            background-size: 200% 100%;
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: textShine 6s ease-in-out infinite;
        }

        @keyframes textShine {
            0%, 100% {
                background-position: 200% 0;
            }
            50% {
                background-position: -200% 0;
            }
        }

        .hero-content p {
            font-size: 1.5rem;
            color: var(--text-secondary-dark);
            margin-bottom: 2rem;
            line-height: 1.6;
        }

        .cta-button {
            display: inline-block;
            padding: 1.2rem 2.5rem;
            background: var(--primary-blue);
            color: white;
            text-decoration: none;
            border-radius: 50px;
            font-weight: 800;
            font-size: 1.3rem;
            transition: all 0.3s ease;
            box-shadow: var(--shadow-dark);
        }

        .cta-button:hover {
            background: var(--accent-orange);
            transform: translateY(-3px);
            box-shadow: 0 20px 40px rgba(249, 115, 22, 0.4);
        }

        /* Hero content slide-in animations */
        .hero-content h1,
        .hero-content p,
        .hero-content .cta-button {
            opacity: 0;
            transform: translateX(-50px);
            animation: slideInFromLeft 1s ease-out forwards;
        }

        .hero-content h1 {
            animation-delay: 0.2s;
        }

        .hero-content p {
            animation-delay: 0.4s;
        }

        .hero-content .cta-button {
            animation-delay: 0.6s;
        }

        @keyframes slideInFromLeft {
            0% {
                opacity: 0;
                transform: translateX(-50px);
            }
            100% {
                opacity: 1;
                transform: translateX(0);
            }
        }

        /* Respect user's motion preferences */
        @media (prefers-reduced-motion: reduce) {
            .hero-content h1,
            .hero-content p,
            .hero-content .cta-button {
                animation: none;
                opacity: 1;
                transform: none;
            }
            

        }

        .hero-visual {
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            z-index: 2;
        }

        /* 生物科技圆形容器 - 呼吸光效 */
        .circle-container {
            width: 500px;
            height: 500px;
            border-radius: 50%;
            background: 
                radial-gradient(circle, rgba(37, 99, 235, 0.03) 0%, rgba(37, 99, 235, 0.01) 50%, transparent 80%),
                radial-gradient(circle at 30% 30%, rgba(37, 99, 235, 0.02) 0%, transparent 60%);
            border: none;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            position: relative;
            backdrop-filter: blur(3px);
            box-shadow: 
                0 0 40px rgba(37, 99, 235, 0.08),
                inset 0 0 40px rgba(37, 99, 235, 0.03);
            animation: bioBreathing 4s ease-in-out infinite;
            gap: 30px; /* 调整RAINA和RNA meets AI之间的间距 */
        }

        @keyframes bioBreathing {
            0%, 100% {
                transform: scale(1);
                box-shadow: 
                    0 0 40px rgba(37, 99, 235, 0.08),
                    inset 0 0 40px rgba(37, 99, 235, 0.03);
            }
            50% {
                transform: scale(1.02);
                box-shadow: 
                    0 0 80px rgba(37, 99, 235, 0.15),
                    inset 0 0 60px rgba(37, 99, 235, 0.08);
            }
        }









        /* RAINA 组合动画系统 */
        .raina-animation-system {
            position: relative;
            z-index: 2;
            margin-bottom: 0;
            font-family: 'Gilroy', -apple-system, BlinkMacSystemFont, sans-serif;
            font-weight: 900;
            font-size: 4.5rem;
            height: 40px; /* 从80px减少到40px，缩小与下方文案的距离 */
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .word-animation-container {
            position: relative;
            width: 400px;
            height: 35px; /* 与外容器保持适当比例 */
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* RNA 和 AI 初始单词 */
        .word-rna {
            position: absolute;
            left: 50px;
            color: rgba(255, 255, 255, 1);
            letter-spacing: 0.1em;
            opacity: 1;
            transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        }

        .word-ai {
            position: absolute;
            right: 50px;
            color: rgba(255, 255, 255, 1);
            letter-spacing: 0.1em;
            opacity: 1;
            transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        }

        /* RAINA 最终单词 */
        .word-raina {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            letter-spacing: 0.12em;
            opacity: 0;
            transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        }

        /* 动画状态 */
        .raina-animation-system.combining .word-rna {
            transform: translateX(90px);
            opacity: 0;
        }

        .raina-animation-system.combining .word-ai {
            transform: translateX(-90px);
            opacity: 0;
        }

        .raina-animation-system.combining .word-raina {
            opacity: 1;
        }

        /* 生物科技特效系统 */
        .raina-glow {
            display: none;
        }

        /* DNA螺旋扫描效果 */
        .light-sweep {
            position: absolute;
            top: 50%;
            left: -100%;
            width: 100%;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.6), rgba(37, 99, 235, 0.9), rgba(37, 99, 235, 0.6), transparent);
            transform: translateY(-50%);
            opacity: 0;
            box-shadow: 0 0 8px rgba(37, 99, 235, 0.4);
        }

        .raina-animation-system.glowing .light-sweep {
            animation: dnaScanning 0.8s ease-out;
        }

        /* RAINA字体打光效果 - 从左到右移动的聚光灯效果 */
        .word-raina {
            background: linear-gradient(
                90deg,
                #E2E8F0 0%,                     /* 接近白色的基底 */
                #F1F5F9 25%,                    /* 更亮的灰白色 */
                #60A5FA 35%,                    /* 主题蓝色聚光开始 */
                #93C5FD 50%,                    /* 更亮的蓝色中心 */
                #60A5FA 65%,                    /* 主题蓝色聚光结束 */
                #F1F5F9 75%,                    /* 亮灰白色 */
                #E2E8F0 100%                    /* 回到接近白色 */
            );
            background-size: 300% 100%;         /* 更大的背景尺寸，让光带更宽 */
            background-position: -150% 0;       /* 从完全左侧开始 */
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            animation: spotlightSweep 6s ease-in-out infinite; /* 从3s延长到6s，使动画更慢更优雅 */
        }

        @keyframes spotlightSweep {
            0% {
                background-position: -150% 0;   /* 聚光灯从左侧开始 */
            }
            25% {
                background-position: -50% 0;    /* 聚光灯进入文字 */
            }
            75% {
                background-position: 150% 0;    /* 聚光灯穿过文字 */
            }
            100% {
                background-position: -150% 0;   /* 回到起始位置 */
            }
        }

        /* 生物波纹效果 - 优化为更精致的光晕圆环 */
        .impact-wave {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 0;
            height: 0;
            border: 2px solid rgba(37, 99, 235, 0.6);  /* 提高初始透明度 */
            border-radius: 50%;
            opacity: 0;
            box-shadow: 
                0 0 8px rgba(37, 99, 235, 0.4),       /* 内层光晕 */
                0 0 16px rgba(37, 99, 235, 0.2);      /* 外层柔光 */
        }

        .raina-animation-system.glowing .impact-wave {
            animation: bioWave 1s ease-out;
        }

        /* 基因分子效果 - 优化为更精致的发光粒子 */
        .particle-burst {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 4px;                                      /* 稍小更精致 */
            height: 4px;
            background: rgba(37, 99, 235, 0.9);              /* 更高透明度 */
            border-radius: 50%;
            opacity: 0;
            box-shadow: 
                0 0 6px rgba(37, 99, 235, 0.8),              /* 内层强光 */
                0 0 12px rgba(37, 99, 235, 0.4);             /* 外层柔光，范围控制 */
        }

        .particle-1 { animation: geneMolecule 1s ease-out 0.1s; }
        .particle-2 { animation: geneMolecule 1s ease-out 0.2s; }
        .particle-3 { animation: geneMolecule 1s ease-out 0.3s; }
        .particle-4 { animation: geneMolecule 1s ease-out 0.4s; }

        /* 生物科技动画关键帧 */
        @keyframes dnaScanning {
            0% {
                left: -100%;
                opacity: 0;
                height: 1px;
            }
            25% {
                opacity: 1;
                height: 2px;
            }
            75% {
                opacity: 1;
                height: 2px;
            }
            100% {
                left: 100%;
                opacity: 0;
                height: 1px;
            }
        }

        @keyframes bioWave {
            0% {
                width: 0;
                height: 0;
                opacity: 0.9;                        /* 更高的初始透明度 */
                border-width: 2.5px;                 /* 稍细的边框 */
                box-shadow: 
                    0 0 8px rgba(37, 99, 235, 0.6),  /* 初始强光晕 */
                    0 0 16px rgba(37, 99, 235, 0.3);
            }
            50% {
                width: 120px;                        /* 减小中途扩散范围 */
                height: 120px;
                opacity: 0.5;                        /* 保持更好的可见度 */
                border-width: 2px;
                box-shadow: 
                    0 0 12px rgba(37, 99, 235, 0.4),
                    0 0 24px rgba(37, 99, 235, 0.2);
            }
            100% {
                width: 180px;                        /* 减小最终扩散范围，更精致 */
                height: 180px;
                opacity: 0;
                border-width: 1px;
                box-shadow: 
                    0 0 6px rgba(37, 99, 235, 0.2),
                    0 0 12px rgba(37, 99, 235, 0.1);
            }
        }

        @keyframes geneMolecule {
            0% {
                opacity: 1;
                transform: translate(-50%, -50%) scale(0) rotate(0deg);
            }
            30% {
                opacity: 1;
                transform: translate(-50%, -50%) scale(1.2) rotate(120deg);
            }
            60% {
                opacity: 0.8;
                transform: translate(-50%, -50%) scale(1) translate(30px, -20px) rotate(240deg);
            }
            100% {
                opacity: 0;
                transform: translate(-50%, -50%) scale(0.5) translate(60px, -40px) rotate(360deg);
            }
        }



        /* RNA meets AI 文案 */
        .hero-subtitle-animated {
            font-size: 1.2rem;
            color: rgba(255, 255, 255, 0.8);
            font-weight: 400;
            opacity: 0;
            transform: translateY(10px);
            white-space: nowrap;
            text-align: center;
        }

        @keyframes subtitleFadeIn {
            0% {
                opacity: 0;
                transform: translateY(20px) scale(0.9);
            }
            50% {
                opacity: 0.8;
                transform: translateY(-5px) scale(1.05);
            }
            100% {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        @keyframes subtitleFloat {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-3px);
            }
        }

        /* Team Background Effects */
        .team-background-effects {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            overflow: hidden;
        }

        /* 辅助线元素 */
        .team-auxiliary-lines {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20,10 Q40,30 60,10 T100,20' stroke='%23%232563eb' stroke-width='0.3' fill='none' opacity='0.15'/%3E%3Cpath d='M0,50 Q25,70 50,50 T100,60' stroke='%23%233b82f6' stroke-width='0.2' fill='none' opacity='0.12'/%3E%3Cpath d='M10,80 Q35,95 60,80 T110,90' stroke='%23%232563eb' stroke-width='0.25' fill='none' opacity='0.1'/%3E%3C/svg%3E");
            background-size: 150px 120px;
            background-repeat: repeat;
            animation: teamLinesFlow 30s linear infinite;
            opacity: 0.4;
        }

        .team-grid-lines {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: 
                linear-gradient(rgba(37, 99, 235, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(37, 99, 235, 0.03) 1px, transparent 1px);
            background-size: 80px 80px;
            animation: teamGridShift 25s linear infinite;
            opacity: 0.2;
        }

        @keyframes teamLinesFlow {
            0% { 
                transform: translateX(0px) translateY(0px);
            }
            100% { 
                transform: translateX(-150px) translateY(-120px);
            }
        }

        @keyframes teamGridShift {
            0% { transform: translateX(0px) translateY(0px); }
            100% { transform: translateX(80px) translateY(80px); }
        }

        /* DNA Helix */
        .dna-helix {
            position: absolute;
            width: 2px;
            height: 100px;
            background: linear-gradient(to bottom, transparent, rgba(37, 99, 235, 0.3), transparent);
            opacity: 0;
            animation: helixFloat 15s ease-in-out infinite;
        }

        .helix-1 {
            left: 10%;
            top: 20%;
            animation-delay: 0s;
            transform: rotate(45deg);
        }

        .helix-2 {
            left: 85%;
            top: 60%;
            animation-delay: 5s;
            transform: rotate(-30deg);
        }

        .helix-3 {
            left: 50%;
            top: 80%;
            animation-delay: 10s;
            transform: rotate(60deg);
        }

        @keyframes helixFloat {
            0%, 100% { opacity: 0; transform: translateY(0px) rotate(var(--rotation, 0deg)) scale(1); }
            50% { opacity: 0.6; transform: translateY(-30px) rotate(calc(var(--rotation, 0deg) + 180deg)) scale(1.2); }
        }

        /* Floating Molecules */
        .molecule-bg {
            position: absolute;
            width: 20px;
            height: 20px;
            border: 2px solid rgba(249, 115, 22, 0.2);
            border-radius: 50%;
            opacity: 0;
            animation: moleculeFloat 12s ease-in-out infinite;
        }

        .mol-1 { left: 15%; top: 15%; animation-delay: 0s; }
        .mol-2 { left: 75%; top: 25%; animation-delay: 3s; }
        .mol-3 { left: 25%; top: 75%; animation-delay: 6s; }
        .mol-4 { left: 80%; top: 80%; animation-delay: 9s; }

        @keyframes moleculeFloat {
            0%, 100% { opacity: 0; transform: translateY(0px) scale(1); }
            33% { opacity: 0.4; transform: translateY(-20px) scale(1.3); }
            66% { opacity: 0.6; transform: translateY(10px) scale(0.8); }
        }

        /* Data Streams */
        .data-stream {
            position: absolute;
            font-family: 'Courier New', monospace;
            font-size: 12px;
            color: rgba(37, 99, 235, 0.3);
            opacity: 0;
            animation: dataFlow 20s linear infinite;
            white-space: nowrap;
        }

        .stream-1 {
            left: 5%;
            top: 40%;
            animation-delay: 0s;
        }

        .stream-2 {
            right: 5%;
            top: 60%;
            animation-delay: 7s;
        }

        .stream-3 {
            left: 30%;
            bottom: 20%;
            animation-delay: 14s;
        }

        @keyframes dataFlow {
            0% { opacity: 0; transform: translateX(-100px); }
            10% { opacity: 0.6; }
            90% { opacity: 0.6; }
            100% { opacity: 0; transform: translateX(100px); }
        }

        /* Team Carousel Container */
        .team-carousel-container {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 2rem;
            margin: 3rem 0;
        }

        .team-nav-btn {
            background: rgba(37, 99, 235, 0.1);
            border: 2px solid var(--primary-blue);
            border-radius: 50%;
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            color: var(--primary-blue);
        }

        .team-nav-btn:hover {
            background: var(--primary-blue);
            color: white;
            transform: scale(1.1);
        }

        .team-carousel {
            flex: 1;
            max-width: min(1400px, 90vw);
            overflow: visible;
            position: relative;
        }

        .team-track {
            display: flex;
            transition: transform 0.5s ease;
            gap: 2rem;
        }

        /* Enhanced Team Member Cards */
        .team-member-enhanced {
            flex: 0 0 300px;
            cursor: pointer;
        }

        .member-card {
            background: linear-gradient(145deg, rgba(37, 99, 235, 0.08), rgba(59, 130, 246, 0.05));
            border: 2px solid rgba(37, 99, 235, 0.2);
            border-radius: 24px;
            padding: 2.5rem 2rem;
            text-align: center;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            backdrop-filter: blur(20px);
            position: relative;
            overflow: hidden;
            box-shadow: 0 8px 32px rgba(37, 99, 235, 0.1);
        }

        .member-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, var(--primary-blue), #f97316);
            opacity: 0;
            transition: opacity 0.4s ease;
        }

        .member-card:hover {
            transform: translateY(-15px) scale(1.02);
            background: linear-gradient(145deg, rgba(37, 99, 235, 0.15), rgba(59, 130, 246, 0.1));
            border-color: var(--primary-blue);
            box-shadow: 0 25px 60px rgba(37, 99, 235, 0.25), 0 15px 35px rgba(37, 99, 235, 0.15);
        }

        .member-card:hover::before {
            opacity: 1;
        }

        .member-image-container {
            position: relative;
            width: 140px;
            height: 140px;
            margin: 0 auto 2rem;
        }

        .member-avatar {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            object-fit: cover;
            border: 3px solid rgba(37, 99, 235, 0.3);
            box-shadow: 0 8px 25px rgba(37, 99, 235, 0.15);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .member-glow {
            position: absolute;
            top: -8px;
            left: -8px;
            right: -8px;
            bottom: -8px;
            border-radius: 50%;
            background: linear-gradient(45deg, var(--primary-blue), #f97316, var(--primary-blue));
            opacity: 0;
            transition: all 0.4s ease;
            z-index: -1;
            animation: rotate 3s linear infinite;
        }

        @keyframes rotate {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        .member-card:hover .member-glow {
            opacity: 0.8;
        }

        .member-card:hover .member-avatar {
            border-color: #f97316;
            box-shadow: 0 12px 35px rgba(37, 99, 235, 0.25);
            transform: scale(1.05);
        }

        .member-info {
            margin-bottom: 0;
        }

        .member-name {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--text-primary-dark);
            margin-bottom: 0.6rem;
            background: linear-gradient(135deg, var(--primary-blue), #f97316);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .member-role {
            font-size: 0.95rem;
            color: var(--text-secondary-dark);
            font-weight: 500;
            margin-bottom: 0.4rem;
        }

        .member-title {
            font-size: 0.9rem;
            color: var(--primary-blue);
            font-weight: 600;
            line-height: 1.4;
        }

        .member-stats {
            display: flex;
            justify-content: space-around;
            padding-top: 1rem;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }

        .stat-item {
            text-align: center;
        }

        .stat-number {
            display: block;
            font-size: 1.2rem;
            font-weight: 700;
            color: var(--accent-orange);
        }

        .stat-label {
            font-size: 0.75rem;
            color: var(--text-secondary-dark);
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        /* Team Indicators */
        .team-indicators {
            display: flex;
            justify-content: center;
            gap: 0.5rem;
            margin-top: 2rem;
        }

        .indicator {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.3);
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .indicator.active {
            background: var(--primary-blue);
            transform: scale(1.2);
        }

        .indicator:hover {
            background: var(--primary-blue);
        }

        /* Letter Insert Animation System */
        .letter-insert-system {
            position: relative;
            z-index: 10;
            font-family: 'Gilroy', Arial, sans-serif;
            font-weight: 900;
            font-size: 4rem;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .insert-stage {
            position: absolute;
            display: flex;
            gap: 0.5rem;
            justify-content: center;
            align-items: center;
            width: 100%;
        }

        /* RNA + AI → RAINA 简洁动画系统 */

        .word-group {
            display: flex;
            align-items: center;
            position: relative;
        }

        .word-spacing {
            width: 3rem;
            display: flex;
        }

        .animated-letter {
            display: inline-block;
            font-size: 4.5rem;
            font-weight: 800;
            margin: 0;
            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transform-origin: center;
            position: relative;
            letter-spacing: normal;
        }

        /* 确保RAINA组合后字号与RNA保持一致 */
        .word-raina {
            font-size: 4.5rem !important;
            font-weight: 900 !important;
        }

        /* RNA + AI → RAINA 简洁动画逻辑 */
        
        /* 阶段1: RNA 和 AI 显示 (0-3s) */
        /* 阶段2: 组合成 RAINA (3-5s) */
        /* 阶段3: 强调展示 RAINA (5-7s) */
        /* 阶段4: 循环等待 (7-8s) */

        /* 间距控制 */
        .word-spacing {
            animation: spacingAnimation 8s infinite;
        }

        /* RNA 组 */
        .letter-r {
            color: var(--accent-orange);
            text-shadow: 0 0 20px rgba(249, 115, 22, 0.6);
        }

        .letter-n {
            color: var(--accent-orange);
            text-shadow: 0 0 20px rgba(249, 115, 22, 0.6);
        }

        .letter-a-original {
            color: var(--accent-orange);
            text-shadow: 0 0 20px rgba(249, 115, 22, 0.6);
        }

        /* AI 组 */
        .letter-a-from-ai {
            color: var(--primary-blue);
            text-shadow: 0 0 20px rgba(37, 99, 235, 0.6);
        }

        .letter-i {
            color: var(--primary-blue);
            text-shadow: 0 0 20px rgba(37, 99, 235, 0.6);
        }

        /* 动画关键帧 */
        
        /* 间距：3rem → 0 - 流畅收缩效果 */
        @keyframes spacingAnimation {
            0% { width: 3rem; }     /* 0s: 显示RNA AI */
            35% { width: 3rem; }    /* 2.8s: 保持间距 */
            60% { width: 0; }       /* 4.8s: 流畅收缩，形成RAINA */
            85% { width: 0; }       /* 6.8s: 保持RAINA */
            100% { width: 3rem; }   /* 8s: 流畅重置循环 */
        }

        /* R: 保持位置不动 */
        @keyframes rAnimation {
            0% { transform: translateX(0); opacity: 1; }
            100% { transform: translateX(0); opacity: 1; }
        }

        /* NA: 向右移动 - 调整R-A间距 */
        @keyframes naAnimation {
            0% { transform: translateX(0); opacity: 1; }
            35% { transform: translateX(0); opacity: 1; }       /* 2.8s: 保持原位 */
            60% { transform: translateX(88px); opacity: 1; }    /* 4.8s: 减少右移距离 */
            85% { transform: translateX(88px); opacity: 1; }    /* 6.8s: 保持位置 */
            100% { transform: translateX(0); opacity: 1; }      /* 8s: 流畅重置 */
        }

        /* AI: 向左移动 - 调整R-A间距 */
        @keyframes aiAnimation {
            0% { transform: translateX(0); opacity: 1; }
            35% { transform: translateX(0); opacity: 1; }       /* 2.8s: 保持原位 */
            60% { transform: translateX(-78px); opacity: 1; }   /* 4.8s: 增加左移距离 */
            85% { transform: translateX(-78px); opacity: 1; }   /* 6.8s: 保持位置 */
            100% { transform: translateX(0); opacity: 1; }      /* 8s: 流畅重置 */
        }

        /* RAINA 剑光闪烁效果 - 合并到原有样式 */
        .letter-animation-container {
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            height: 120px;
            overflow: hidden; /* 添加剑光效果需要 */
        }

        /* 添加剑光闪烁伪元素 */
        .letter-animation-container::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 120%;
            height: 100%;
            background: linear-gradient(90deg, 
                transparent 0%, 
                rgba(255, 255, 255, 0.2) 30%, 
                rgba(255, 255, 255, 0.8) 50%, 
                rgba(255, 255, 255, 0.2) 70%, 
                transparent 100%);
            animation: swordGlint 4s ease-in-out infinite;
            z-index: 10;
            pointer-events: none;
            transform: skewX(-20deg);
        }

        @keyframes swordGlint {
            0% { 
                left: -120%; 
                opacity: 0; 
            }
            65% { 
                left: -120%; 
                opacity: 0; 
            }
            68% { 
                left: -60%; 
                opacity: 1; 
            }
            72% { 
                left: 100%; 
                opacity: 1; 
            }
            75% { 
                left: 100%; 
                opacity: 0; 
            }
            100% { 
                left: 100%; 
                opacity: 0; 
            }
        }

        /* RAINA 字母光泽闪烁效果 */
        .letter-r {
            animation: rAnimation 8s infinite, letterShimmer 8s infinite;
            animation-delay: 0s, 0s;
        }

        .letter-n {
            animation: naAnimation 8s infinite, letterShimmer 8s infinite;
            animation-delay: 0s, 0.15s;
        }

        .letter-a-original {
            animation: naAnimation 8s infinite, letterShimmer 8s infinite;
            animation-delay: 0s, 0.3s;
        }

        .letter-a-from-ai {
            animation: aiAnimation 8s infinite, letterShimmer 8s infinite;
            animation-delay: 0s, 0.45s;
        }

        .letter-i {
            animation: aiAnimation 8s infinite, letterShimmer 8s infinite;
            animation-delay: 0s, 0.6s;
        }

        /* 光泽闪烁动画关键帧 */
        @keyframes letterShimmer {
            0% { 
                text-shadow: inherit;
                filter: brightness(1);
            }
            60% { 
                text-shadow: inherit;
                filter: brightness(1);
            }
            66% { 
                text-shadow: 
                    0 0 20px rgba(255, 255, 255, 0.8),
                    0 0 40px rgba(37, 99, 235, 0.6),
                    0 0 60px rgba(249, 115, 22, 0.4);
                filter: brightness(1.6) saturate(1.2);
            }
            69% { 
                text-shadow: inherit;
                filter: brightness(1);
            }
            100% { 
                text-shadow: inherit;
                filter: brightness(1);
            }
        }

        /* Section Styles */
        .section {
            padding: 5rem 0;
            position: relative;
            scroll-margin-top: 1rem;
        }

        .section-container {
            width: 100%;                    /* 移除最大宽度限制 */
            margin: 0 auto;
            padding: 0 4vw;                 /* 使用视口单位保持等比例 */
        }

        /* Back to Top Button */
        .back-to-top {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 45px;
            height: 45px; /* 改为正方形 */
            background: var(--primary-blue);
            border: none;
            border-radius: 12px; /* 增加圆角 */
            color: white;
            font-size: 18px;
            cursor: pointer;
            opacity: 0;
            visibility: hidden;
            transform: translateY(20px);
            transition: all 0.3s ease;
            z-index: 1000;
            box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);
        }

        .back-to-top.visible {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .back-to-top:hover {
            background: #1d4ed8;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
        }

        .back-to-top:active {
            transform: translateY(0);
        }













        /* Wide screen optimizations - 保持等比例缩放 */
        @media (min-width: 1600px) {
            .section-container,
            .hero-container,
            .nav-container,
            .team-slider-container {
                padding: 0 4vw;              /* 统一使用视口单位，保持等比例 */
            }
            
            /* 大屏幕下卡片比例已通过aspect-ratio自动处理 */
        }

        @media (min-width: 2000px) {
            .section-container,
            .hero-container,
            .nav-container,
            .team-slider-container {
                padding: 0 5vw;              /* 大屏幕适当增加边距 */
            }
            
            /* 超宽屏幕下卡片比例已通过aspect-ratio自动处理 */
        }

        @media (min-width: 2400px) {
            .section-container,
            .hero-container,
            .nav-container,
            .team-slider-container {
                padding: 0 6vw;              /* 超大屏幕边距 */
            }
            
            /* 超大屏幕下卡片比例已通过aspect-ratio自动处理 */
        }

        .section-header {
            text-align: center;
            margin-bottom: 4rem;
        }

        .section-tag {
            display: inline-block;
            padding: 0.5rem 1rem;
            background: var(--primary-blue);
            color: white;
            border-radius: 20px;
            font-size: 0.9rem;
            font-weight: 800;
            margin-bottom: 1rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            padding-top: 0.6rem;   /* 上边距 */
            padding-right: 1rem;   /* 右边距 */
            padding-bottom: 0.4rem;/* 下边距 */
            padding-left: 1rem;    /* 左边距 */
        }



        .section-title {
            font-size: 2.5rem;
            font-weight: 800;
            margin-bottom: 1rem;
            line-height: 1.3;
        }

        .section-description {
            font-size: 1.1rem;
            max-width: 600px;
            margin: 0 auto;
            opacity: 0.8;
        }

        /* Technology Interactive Design */
        .tech-interactive {
            margin-top: 3rem;
            position: relative;
        }

        .tech-interactive::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="lines" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 0 20 L 100 20 M 0 40 L 100 40 M 0 60 L 100 60 M 0 80 L 100 80" stroke="rgba(37,99,235,0.03)" stroke-width="1"/><path d="M 20 0 L 20 100 M 40 0 L 40 100 M 60 0 L 60 100 M 80 0 L 80 100" stroke="rgba(37,99,235,0.03)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23lines)"/></svg>');
            opacity: 0.5;
            z-index: 0;
            pointer-events: none;
        }

        .tech-layout {
            display: grid;
            grid-template-columns: 30vw 1fr;    /* 使用视口单位，等比例拉宽 */
            gap: 4vw;                            /* 间距也使用视口单位 */
            margin-top: 2rem;
            align-items: stretch;
            position: relative;
            z-index: 1;
            width: 100%;                         /* 移除最大宽度限制 */
            margin-left: auto;
            margin-right: auto;
        }

        /* Technology section responsive design */
        @media (min-width: 1400px) {
            .tech-layout {
                grid-template-columns: 28vw 1fr;    /* 大屏幕稍微调整比例 */
                gap: 5vw;                            /* 保持视口单位 */
            }
        }

        @media (min-width: 1800px) {
            .tech-layout {
                grid-template-columns: 26vw 1fr;    /* 超大屏幕再次调整比例 */
                gap: 6vw;                            /* 保持视口单位 */
            }
        }

        /* Left Side - Title Cards */
        .tech-cards-sidebar {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            height: 100%;
        }

        .tech-title-card {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(249, 250, 251, 0.9));
            border: 2px solid rgba(37, 99, 235, 0.1);
            border-radius: 16px;
            padding: 1rem;
            cursor: pointer;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;
            backdrop-filter: blur(10px);
            flex: 1;
            text-align: center;
        }

        .tech-title-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.1), transparent);
            transition: left 0.5s ease;
        }

        .tech-title-card.active::before {
            left: 100%;
        }

        .tech-title-card:hover {
            transform: translateX(8px);
            border-color: var(--primary-blue);
            box-shadow: 0 8px 30px rgba(37, 99, 235, 0.15);
        }

        .tech-title-card.active {
            background: linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(59, 130, 246, 0.05));
            border-color: var(--primary-blue);
            transform: translateX(8px);
            box-shadow: 0 12px 40px rgba(37, 99, 235, 0.2);
        }

        .tech-card-header {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.75rem;
            margin-bottom: 0.8rem;
            text-align: left;
        }

        .tech-card-icon {
            width: 44px;
            height: 44px;
            background: linear-gradient(135deg, var(--primary-blue), #3b82f6);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);
            transition: all 0.3s ease;
        }

        .tech-title-card:hover .tech-card-icon,
        .tech-title-card.active .tech-card-icon {
            transform: scale(1.1);
            box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);
        }

        .tech-card-title {
            font-size: 1.1rem;
            font-weight: 700;
            color: #1f2937;
            line-height: 1.3;
            margin: 0;
        }

        .tech-card-number {
            position: absolute;
            top: 1rem;
            right: 1rem;
            width: 24px;
            height: 24px;
            background: rgba(37, 99, 235, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.8rem;
            font-weight: 600;
            color: var(--primary-blue);
            transition: all 0.3s ease;
        }

        .tech-title-card.active .tech-card-number {
            background: var(--primary-blue);
            color: white;
        }

        /* Right Side - Detail Content */
        .tech-detail-content {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(249, 250, 251, 0.9));
            border: 2px solid rgba(37, 99, 235, 0.1);
            border-radius: 20px;
            padding: 2.5rem;
            position: relative;
            overflow: hidden;
            backdrop-filter: blur(10px);
            box-shadow: 0 8px 40px rgba(37, 99, 235, 0.1);
            height: fit-content;
            width: 100%;
        }



        .tech-detail-item {
            display: none;
            position: relative;
            z-index: 2;
        }

        .tech-detail-item.active {
            display: block;
        }

        .tech-detail-header {
            display: flex;
            align-items: center;
            gap: 1.5rem;
            margin-bottom: 2rem;
        }

        .tech-detail-icon {
            width: 80px;
            height: 80px;
            background: linear-gradient(135deg, var(--primary-blue), #3b82f6);
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            box-shadow: 0 8px 25px rgba(37, 99, 235, 0.3);
            flex-shrink: 0;
        }

        .tech-detail-title {
            font-size: 1.8rem;
            font-weight: 800;
            color: #1f2937;
            line-height: 1.3;
            margin: 0;
        }

        .tech-detail-description {
            color: #4b5563;
            line-height: 1.8;
            font-size: 1.1rem;
            margin-bottom: 2rem;
        }

        .tech-highlights {
            display: grid;
            gap: 1rem;
        }

        .tech-highlight-item {
            display: flex;
            align-items: center;
            gap: 1rem;
            padding: 1rem 1rem 1rem 2rem;
            background: rgba(37, 99, 235, 0.05);
            border-radius: 12px;
            position: relative;
            transition: all 0.3s ease;
        }

        .tech-highlight-item::before {
            content: '';
            position: absolute;
            left: 12px;
            top: 50%;
            transform: translateY(-50%);
            width: 4px;
            height: 60%;
            background: var(--primary-blue);
            border-radius: 2px;
        }

        .tech-highlight-item:hover {
            background: rgba(37, 99, 235, 0.08);
            transform: translateX(5px);
        }

        .tech-highlight-icon {
            width: 24px;
            height: 24px;
            color: var(--primary-blue);
            flex-shrink: 0;
            margin-right: 0.75rem;
        }

        .tech-highlight-text {
            color: #374151;
            font-weight: 500;
        }

        /* Simplified tech highlight items */
        .tech-highlight-item {
            opacity: 1;
            transform: translateX(0);
        }

        /* Global Scroll Animations */
        .fade-in-up {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease;
        }

        .fade-in-up.animate {
            opacity: 1;
            transform: translateY(0);
        }

        .fade-in-left {
            opacity: 0;
            transform: translateX(-30px);
            transition: all 0.6s ease;
        }

        .fade-in-left.animate {
            opacity: 1;
            transform: translateX(0);
        }

        .fade-in-right {
            opacity: 0;
            transform: translateX(30px);
            transition: all 0.6s ease;
        }

        .fade-in-right.animate {
            opacity: 1;
            transform: translateX(0);
        }

        .scale-in {
            opacity: 0;
            transform: scale(0.8);
            transition: all 0.6s ease;
        }

        .scale-in.animate {
            opacity: 1;
            transform: scale(1);
        }

        .stagger-animation .fade-in-up:nth-child(1) { transition-delay: 0.1s; }
        .stagger-animation .fade-in-up:nth-child(2) { transition-delay: 0.2s; }
        .stagger-animation .fade-in-up:nth-child(3) { transition-delay: 0.3s; }
        .stagger-animation .fade-in-up:nth-child(4) { transition-delay: 0.4s; }
        .stagger-animation .fade-in-up:nth-child(5) { transition-delay: 0.5s; }

        /* Responsive Design */
        @media (max-width: 1024px) {
            .tech-layout {
                grid-template-columns: 1fr;
            gap: 2rem;
            }
            
            .tech-cards-sidebar {
                flex-direction: row;
                overflow-x: auto;
                padding-bottom: 1rem;
                scrollbar-width: none;
                -ms-overflow-style: none;
            }
            
            .tech-cards-sidebar::-webkit-scrollbar {
                display: none;
            }
            
            .tech-title-card {
                min-width: 280px;
            }
        }

        @media (max-width: 768px) {
            .tech-cards-sidebar {
                flex-direction: column;
            }
            
            .tech-title-card {
                min-width: auto;
            }
            
            .tech-detail-content {
                padding: 2rem;
            }
            
            .tech-detail-title {
                font-size: 1.5rem;
            }
            
            .tech-layout {
                grid-template-columns: 1fr;
                gap: 1.5rem;
            }
        }

        .tech-dna-background {
            position: absolute;
            width: 100%;
            height: 100%;
            pointer-events: none;
            overflow: hidden;
        }

        /* Floating particles animation */
        .floating-particles {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }

        .particle {
            position: absolute;
            width: 4px;
            height: 4px;
            background: linear-gradient(45deg, var(--primary-blue), #f97316);
            border-radius: 50%;
            opacity: 0.6;
        }

        .particle-1 {
            top: 20%;
            left: 15%;
            animation: float1 6s ease-in-out infinite;
        }

        .particle-2 {
            top: 60%;
            left: 80%;
            animation: float2 8s ease-in-out infinite;
        }

        .particle-3 {
            top: 30%;
            left: 70%;
            animation: float3 7s ease-in-out infinite;
        }

        .particle-4 {
            top: 80%;
            left: 25%;
            animation: float4 9s ease-in-out infinite;
        }

        .particle-5 {
            top: 50%;
            left: 50%;
            animation: float5 5s ease-in-out infinite;
        }

        @keyframes float1 {
            0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.6; }
            25% { transform: translate(20px, -30px) scale(1.2); opacity: 1; }
            50% { transform: translate(-10px, -20px) scale(0.8); opacity: 0.4; }
            75% { transform: translate(30px, 10px) scale(1.1); opacity: 0.8; }
        }

        @keyframes float2 {
            0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; }
            33% { transform: translate(-25px, 20px) scale(1.3); opacity: 0.9; }
            66% { transform: translate(15px, -25px) scale(0.7); opacity: 0.3; }
        }

        @keyframes float3 {
            0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.7; }
            50% { transform: translate(-20px, -40px) scale(1.5); opacity: 1; }
        }

        @keyframes float4 {
            0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.4; }
            40% { transform: translate(35px, -15px) scale(1.1); opacity: 0.8; }
            80% { transform: translate(-20px, 25px) scale(0.9); opacity: 0.6; }
        }

        @keyframes float5 {
            0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.8; }
            25% { transform: translate(-30px, -20px) scale(1.4); opacity: 1; }
            50% { transform: translate(25px, 30px) scale(0.6); opacity: 0.4; }
            75% { transform: translate(-15px, 35px) scale(1.2); opacity: 0.9; }
        }

        /* 3D DNA Helix Structure */
        .dna-helix-3d {
            position: relative;
            width: 300px;
            height: 400px;
            margin: 0 auto;
            transform-style: preserve-3d;
            animation: dnaRotate 20s linear infinite;
        }

        @keyframes dnaRotate {
            0% { transform: rotateY(0deg); }
            100% { transform: rotateY(360deg); }
        }

        .dna-strand {
            position: absolute;
            width: 100%;
            height: 100%;
        }

        .strand-1 {
            transform: rotateY(0deg);
        }

        .strand-2 {
            transform: rotateY(180deg);
        }

        .base-pair {
            position: absolute;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            left: 50%;
            transform: translateX(-50%);
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
        }

        .base-pair[data-type="biology"] {
            background: linear-gradient(135deg, var(--primary-blue), #3b82f6);
        }

        .base-pair[data-type="validation"] {
            background: linear-gradient(135deg, #10b981, #059669);
        }

        .base-pair[data-type="ai"] {
            background: linear-gradient(135deg, #f97316, #ea580c);
        }

        .base-pair:hover {
            transform: translateX(-50%) scale(1.3);
            box-shadow: 0 6px 25px rgba(0, 0, 0, 0.3);
        }

        .bp-1 { top: 10%; animation: pulse-bp 3s ease-in-out infinite; }
        .bp-2 { top: 25%; animation: pulse-bp 3s ease-in-out infinite 0.5s; }
        .bp-3 { top: 40%; animation: pulse-bp 3s ease-in-out infinite 1s; }
        .bp-4 { top: 55%; animation: pulse-bp 3s ease-in-out infinite 1.5s; }
        .bp-5 { top: 70%; animation: pulse-bp 3s ease-in-out infinite 2s; }
        .bp-6 { top: 85%; animation: pulse-bp 3s ease-in-out infinite 2.5s; }

        @keyframes pulse-bp {
            0%, 100% { opacity: 0.8; transform: translateX(-50%) scale(1); }
            50% { opacity: 1; transform: translateX(-50%) scale(1.1); }
        }

        .segment-icon {
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .segment-icon:hover circle:first-child {
            transform: scale(1.08);
            filter: drop-shadow(0 0 10px rgba(37, 99, 235, 0.4));
        }

        .segment-icon:hover {
            transform: scale(1.05);
        }

        .rotation-indicators {
            display: flex;
            gap: 0.8rem;
            margin-top: 2rem;
        }

        .indicator {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(37, 99, 235, 0.3);
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .indicator.active {
            background: var(--primary-blue);
            transform: scale(1.3);
            box-shadow: 0 0 10px rgba(37, 99, 235, 0.5);
        }

        /* Tech Detail Panel Styles */
        .tech-detail-panel {
            background: linear-gradient(135deg, rgba(37, 99, 235, 0.05), rgba(59, 130, 246, 0.02));
            border-radius: 24px;
            padding: 3rem;
            border: 2px solid rgba(37, 99, 235, 0.1);
            backdrop-filter: blur(10px);
            position: relative;
            min-height: 400px;
        }

        .tech-detail {
            display: none;
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.5s ease;
        }

        .tech-detail.active {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }

        .detail-header {
            display: flex;
            align-items: center;
            gap: 1.5rem;
            margin-bottom: 2rem;
        }

        .detail-icon {
            background: linear-gradient(135deg, var(--primary-blue), #f97316);
            color: white;
            width: 70px;
            height: 70px;
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .detail-header h3 {
            font-size: 1.8rem;
            font-weight: 700;
            color: var(--text-primary-light);
            margin: 0;
            line-height: 1.3;
        }

        .detail-content p {
            color: var(--text-secondary-light);
            line-height: 1.7;
            margin-bottom: 1.5rem;
            font-size: 1.1rem;
        }

        /* Simple Team Grid Styles */
        .team-grid-container {
            margin-top: 4rem;
        }

        .team-grid-elegant {
            display: flex;
            gap: 2vw;                            /* 使用视口单位的间距 */
            overflow-x: auto;
            scroll-behavior: smooth;
            padding: 2rem 8vw 5rem;              /* 使用视口单位的padding */
            margin: 0;
            overflow-y: visible;
            flex: 1;
            box-sizing: border-box;
        }

        .team-grid-elegant::-webkit-scrollbar {
            display: none;
        }

        .team-grid-elegant {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        .team-member-simple {
            cursor: pointer;
            flex: 0 0 calc((100vw - 16vw - 8vw) / 4.8);    /* 计算卡片宽度：视口宽度减去左右padding和间距，除以4.8 */
            width: calc((100vw - 16vw - 8vw) / 4.8);
        }

        .member-card-simple {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95));
            border: 1px solid rgba(37, 99, 235, 0.08);
            border-radius: 24px;
            padding: 0;
            text-align: center;
            transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
            backdrop-filter: blur(20px);
            position: relative;
            box-shadow: 
                0 8px 32px rgba(37, 99, 235, 0.12),
                0 2px 8px rgba(0, 0, 0, 0.04);
            /* 响应式高度：基于宽度的1.5倍比例，最小420px，增加高度确保头像显示完整 */
            height: max(420px, calc(1.5 * ((100vw - 16vw - 8vw) / 4.8)));
            min-height: 420px; /* 增加最小高度，防止过度缩小 */
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }

        .member-card-simple::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, var(--primary-blue), var(--accent-orange), var(--primary-blue));
            border-radius: 24px 24px 0 0;
            opacity: 0;
            transition: opacity 0.4s ease;
            display: none; /* 隐藏顶部蓝色色条 */
        }

        .member-card-simple::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80%;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.2), transparent);
            opacity: 0;
            transition: all 0.4s ease;
        }

        .member-card-simple:hover {
            transform: translateY(-16px) scale(1.04);
            background: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(249, 250, 251, 0.98));
            border: 1px solid rgba(37, 99, 235, 0.15);
            box-shadow: 
                0 32px 64px rgba(37, 99, 235, 0.2),
                0 16px 32px rgba(37, 99, 235, 0.15),
                0 8px 16px rgba(0, 0, 0, 0.08);
        }

        .member-card-simple:hover::before {
            opacity: 0; /* 保持隐藏状态 */
        }

        .member-card-simple:hover::after {
            opacity: 1;
            width: 90%;
        }

        .member-avatar-simple {
            width: 100%;
            /* 头像高度为卡片高度的70%，保持协调比例，增加头像显示空间 */
            height: max(300px, calc(0.70 * max(420px, calc(1.5 * ((100vw - 16vw - 8vw) / 4.8)))));
            min-height: 300px; /* 增加最小高度，确保头像显示完整 */
            position: relative;
            flex-shrink: 0;
            overflow: hidden;
            border-radius: 24px 24px 0 0;
        }

        .member-avatar-simple::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(45deg, 
                transparent 0%, 
                rgba(37, 99, 235, 0.03) 25%, 
                transparent 50%, 
                rgba(59, 130, 246, 0.02) 75%, 
                transparent 100%);
            z-index: 1;
            opacity: 0;
            transition: opacity 0.4s ease;
        }

        .member-avatar-simple::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 80px;
            background: linear-gradient(to top, 
                rgba(37, 99, 235, 0.12) 0%, 
                rgba(37, 99, 235, 0.06) 30%, 
                rgba(0, 0, 0, 0.02) 60%, 
                rgba(0, 0, 0, 0) 100%);
            pointer-events: none;
            transition: all 0.4s ease;
            z-index: 2;
        }

        .member-card-simple:hover .member-avatar-simple::before {
            opacity: 1;
        }

        .member-card-simple:hover .member-avatar-simple::after {
            height: 100px;
            background: linear-gradient(to top, 
                rgba(37, 99, 235, 0.15) 0%, 
                rgba(37, 99, 235, 0.08) 40%, 
                rgba(0, 0, 0, 0.03) 70%, 
                rgba(0, 0, 0, 0) 100%);
        }

        .member-avatar-simple img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border: none;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            border-radius: 0;
            filter: contrast(1.05) saturate(1.1);
        }

        .member-avatar-simple .avatar-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, 
                rgba(37, 99, 235, 0.08) 0%, 
                rgba(59, 130, 246, 0.04) 40%, 
                rgba(37, 99, 235, 0.02) 100%);
            z-index: 1;
            transition: opacity 0.4s ease;
            opacity: 1;
        }

        .member-card-simple:hover .member-avatar-simple img {
            transform: scale(1.05);
        }

        .member-info-simple {
            text-align: center;
            flex: 1;
            padding: 0.8rem 1.5rem 1.5rem 1.5rem; /* 减少顶部padding，缩小头像和文字间距 */
            display: flex;
            flex-direction: column;
            justify-content: center;
            background: inherit;
            gap: 0.2rem; /* 进一步减少间距让文字更紧凑 */
            position: relative;
            min-height: 120px; /* 减少最小高度，给头像更多空间 */
        }

        .member-info-simple::before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 40px;
            height: 2px;
            background: linear-gradient(90deg, var(--primary-blue), var(--accent-orange));
            border-radius: 2px;
            opacity: 0;
            transition: all 0.4s ease;
        }

        .member-card-simple:hover .member-info-simple::before {
            opacity: 1;
            width: 60px;
        }

        .member-name-simple {
            font-size: 1.3rem;
            font-weight: 800;
            color: #111827;
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            letter-spacing: -0.025em;
        }

        .member-role-simple {
            color: var(--primary-blue);
            font-size: 0.95rem;
            font-weight: 700;
            margin: 0;
            letter-spacing: 0.025em;
        }

        .member-title-simple {
            color: #6b7280;
            font-size: 0.8rem; /* 缩小字体防止文字过长 */
            line-height: 1.2; /* 紧凑行高 */
            margin: 0;
            font-weight: 500;
            overflow-wrap: break-word; /* 允许长单词换行 */
            word-wrap: break-word;
            hyphens: auto;
        }

        .linkedin-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 28px;
            height: 22px;
            background: linear-gradient(135deg, #0077b5, #005885);
            border-radius: 6px;
            color: white;
            text-decoration: none;
            transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
            font-size: 11px;
            font-weight: 800;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            letter-spacing: -0.3px;
            box-shadow: 
                0 2px 8px rgba(0, 119, 181, 0.2),
                0 1px 3px rgba(0, 0, 0, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
        }

        .linkedin-icon:hover {
            background: linear-gradient(135deg, #005885, #004066);
            transform: scale(1.2) translateY(-1px);
            box-shadow: 
                0 6px 20px rgba(0, 119, 181, 0.4),
                0 3px 8px rgba(0, 0, 0, 0.15);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .member-card-simple:hover .linkedin-icon {
            box-shadow: 
                0 4px 16px rgba(0, 119, 181, 0.3),
                0 2px 6px rgba(0, 0, 0, 0.12);
        }

        /* Team Slider Container */
        .team-slider-container {
            display: flex;
            align-items: center;
            gap: 0;
            margin-bottom: 2rem;
            overflow: visible;
            padding: 0;
            position: relative;
            width: 100%;                         /* 移除最大宽度限制 */
            margin-left: auto;
            margin-right: auto;
        }

        .team-nav-btn-new {
            background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(59, 130, 246, 0.05));
            border: 2px solid rgba(37, 99, 235, 0.2);
            color: var(--primary-blue);
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            backdrop-filter: blur(10px);
            flex-shrink: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 10;
        }

        .team-prev-new {
            left: -25px; /* 调整左箭头位置，避免超出屏幕 */
        }

        .team-next-new {
            right: -25px; /* 调整右箭头位置，避免超出屏幕 */
        }

        .team-nav-btn-new:hover {
            background: linear-gradient(135deg, var(--primary-blue), #3b82f6);
            border-color: var(--primary-blue);
            color: white;
            transform: translateY(-50%) scale(1.1);
            box-shadow: 0 8px 25px rgba(37, 99, 235, 0.3);
        }

        .team-nav-btn-new:active {
            transform: translateY(-50%) scale(0.95);
            transition: transform 0.1s ease;
        }

        .team-nav-btn-new.disabled {
            background: rgba(156, 163, 175, 0.1) !important;
            border-color: rgba(156, 163, 175, 0.2) !important;
            color: rgba(156, 163, 175, 0.5) !important;
            cursor: not-allowed !important;
            pointer-events: none !important;
        }

        .team-nav-btn-new.disabled:hover {
            transform: translateY(-50%) !important;
            box-shadow: none !important;
        }

        /* 确保按钮在所有状态下位置一致 */
        .team-prev-new,
        .team-next-new {
            /* 强制保持垂直居中位置 */
            will-change: transform;
        }

        /* 隐藏移动端导航按钮在桌面端 */
        .team-mobile-nav {
            display: none;
        }

        .team-prev-new:not(.disabled),
        .team-next-new:not(.disabled) {
            transform: translateY(-50%);
        }

        .team-prev-new:not(.disabled):hover,
        .team-next-new:not(.disabled):hover {
            transform: translateY(-50%) scale(1.1);
        }

        .team-prev-new:not(.disabled):active,
        .team-next-new:not(.disabled):active {
            transform: translateY(-50%) scale(0.95);
        }

        /* Team Indicators */
        .team-indicators-new {
            display: flex;
            justify-content: center;
            gap: 0.8rem;
            margin-top: 1rem;
        }

        .indicator-new {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: rgba(37, 99, 235, 0.3);
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .indicator-new.active {
            background: var(--primary-blue);
            transform: scale(1.4);
            box-shadow: 0 0 10px rgba(37, 99, 235, 0.5);
        }

        .tech-card {
            background: var(--light-surface);
            border-radius: 20px;
            padding: 0;
            box-shadow: var(--shadow-light);
            border: 2px solid transparent;
            transition: all 0.4s ease;
            cursor: pointer;
            overflow: hidden;
            position: relative;
        }

        .tech-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(37, 99, 235, 0.15);
            border-color: var(--primary-blue);
        }

        .tech-card.active {
            border-color: var(--accent-orange);
            box-shadow: 0 20px 40px rgba(249, 115, 22, 0.2);
        }

        .tech-card-header {
            padding: 2rem 2rem 1rem;
            display: flex;
            align-items: flex-start;
            gap: 1rem;
        }

        .tech-card-icon {
            background: var(--primary-blue);
            color: white;
            width: 60px;
            height: 60px;
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            transition: all 0.3s ease;
        }

        .tech-card.active .tech-card-icon {
            background: var(--accent-orange);
        }

        .tech-card-title {
            font-size: 1.2rem;
            font-weight: 800;
            color: var(--text-primary-light);
            line-height: 1.3;
            margin: 0;
        }

        .tech-card-preview {
            padding: 0 2rem 2rem;
            display: block;
        }

        .tech-card-preview p {
            color: var(--text-secondary-light);
            margin-bottom: 1rem;
            line-height: 1.6;
        }

        .learn-more-btn {
            background: var(--primary-blue);
            color: white;
            border: none;
            padding: 0.5rem 1rem;
            border-radius: 20px;
            font-size: 0.9rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .learn-more-btn:hover {
            background: var(--accent-orange);
        }

        .tech-card-details {
            padding: 0 2rem 2rem;
            display: none;
            animation: slideDown 0.4s ease;
        }

        .tech-card.expanded .tech-card-details {
            display: block;
        }

        .tech-card.expanded .tech-card-preview {
            display: none;
        }

        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .tech-highlights {
            list-style: none;
            margin-top: 1rem;
        }

        .tech-highlights li {
            color: var(--text-secondary-light);
            margin-bottom: 0.5rem;
            padding-left: 1.5rem;
            position: relative;
        }

        .tech-highlights li::before {
            content: '→';
            position: absolute;
            left: 0;
            color: var(--accent-orange);
            font-weight: bold;
        }

        /* Technology Visualization Panel */
        .tech-visualization-panel {
            background: var(--light-surface);
            border-radius: 20px;
            padding: 2rem;
            box-shadow: var(--shadow-light);
            display: grid;
            gap: 2rem;
        }

        .tech-stats {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 2rem;
            text-align: center;
        }

        .stat-item {
            padding: 1rem;
        }

        .stat-number {
            font-size: 2.5rem;
            font-weight: 800;
            color: var(--primary-blue);
            margin-bottom: 0.5rem;
        }

        .stat-label {
            color: var(--text-secondary-light);
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.9rem;
            letter-spacing: 0.5px;
        }

        .tech-process-flow {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 1rem;
            padding: 1rem;
            background: var(--light-bg);
            border-radius: 15px;
        }

        .process-step {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0.5rem;
            padding: 1rem;
            border-radius: 10px;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .process-step.active {
            background: var(--primary-blue);
            color: white;
        }

        .step-number {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: var(--primary-blue);
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 800;
            font-size: 1.1rem;
        }

        .process-step.active .step-number {
            background: white;
            color: var(--primary-blue);
        }

        .step-label {
            font-weight: 600;
            font-size: 0.9rem;
        }

        .process-arrow {
            font-size: 1.2rem;
            color: var(--primary-blue);
            font-weight: bold;
        }

        /* Team Section with Slider */
        .team-section {
            position: relative;
            padding: 5rem 0 8rem 0; /* 增加顶部padding确保标题完全显示 */
        }

        .team-container {
            position: relative;
            overflow: visible;
            padding-bottom: 3rem; /* Additional space for shadows */
        }

        .team-grid {
            display: flex;
            gap: 2rem;
            transition: transform 0.5s ease;
            overflow-x: auto;
            scroll-behavior: smooth;
            padding-bottom: 1rem;
        }
        
        /* 确保4.6个卡片显示在视口中，第五个卡片显示约60% */
        .team-card {
            flex: 0 0 calc((100vw - 16rem) / 4.6);
            min-width: 200px;
            max-width: 300px;
            height: calc(((100vw - 16rem) / 4.6) * 4/3);  /* 后备方案：高度 = 宽度 * 4/3 */
            aspect-ratio: 3/4;              /* 现代浏览器：固定卡片长宽比为3:4 */
            background: var(--dark-surface);
            border-radius: 20px;
            overflow: hidden;
            text-align: center;
            transition: all 0.3s ease;
            cursor: pointer;
            box-shadow: var(--shadow-dark);
        }
        
        /* 为支持aspect-ratio的浏览器重置高度 */
        @supports (aspect-ratio: 1) {
            .team-card {
                height: auto;
            }
        }

        .team-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(37, 99, 235, 0.3);
        }

        .team-avatar {
            width: 100%;
            height: 60%;                    /* 头像占卡片高度的60% */
            overflow: hidden;
            position: relative;
        }

        .team-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center top;    /* 头像原图顶部始终与卡片顶部对齐 */
        }

        .team-info {
            padding: 1.5rem;
        }

        .team-name {
            font-size: 1.2rem;
            font-weight: 800;
            margin-bottom: 0.5rem;
            color: var(--text-primary-dark);
        }

        .team-role {
            color: var(--text-secondary-dark);
            font-size: 0.9rem;
        }

        /* Team Section Responsive Design - 始终显示4.6个卡片，第五个显示约60% */
        @media (max-width: 1200px) {
            .team-card {
                flex: 0 0 calc((100vw - 12rem) / 4.6);
                min-width: 160px;
                max-width: 280px;
            }
        }
        
        @media (max-width: 900px) {
            .team-card {
                flex: 0 0 calc((100vw - 8rem) / 4.6);
                min-width: 140px;
                max-width: 200px;
            }
        }
        
        @media (max-width: 600px) {
            .team-card {
                flex: 0 0 calc((100vw - 6rem) / 4.6);
                min-width: 100px;
                max-width: 150px;
            }
        }
        
        @media (max-width: 480px) {
            .team-card {
                flex: 0 0 calc((100vw - 4rem) / 4.6);
                min-width: 80px;
                max-width: 120px;
            }
        }

        .team-navigation {
            display: flex;
            justify-content: center;
            gap: 1rem;
            margin-top: 2rem;
        }

        .nav-arrow {
            width: 50px;
            height: 50px;
            background: var(--primary-blue);
            border: none;
            border-radius: 50%;
            color: white;
            font-size: 1.2rem;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .nav-arrow:hover {
            background: var(--accent-orange);
            transform: scale(1.1);
        }

        .nav-arrow:disabled {
            opacity: 0.5;
            cursor: not-allowed;
            transform: none;
        }

        /* Our Backers Section */
        .backers-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 2rem;
            margin-top: 3rem;
            align-items: center;
            justify-items: center;
            justify-content: center;
        }

        .backer-logo {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 1.5rem;
            background: white;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
            transition: all 0.3s ease;
            height: 120px;
            width: 100%;
            min-height: 100px;
        }

        .backer-logo:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
        }

        .backer-logo img {
            max-width: 100%;
            max-height: 80px;
            object-fit: contain;
            filter: grayscale(100%);
            transition: filter 0.3s ease;
        }

        .backer-logo:hover img {
            filter: grayscale(0%);
        }

        /* Backers responsive design */
        @media (min-width: 1200px) {
            .backers-grid {
                grid-template-columns: repeat(5, 1fr);
                gap: 2.5rem;
                max-width: 1400px;
                margin-left: auto;
                margin-right: auto;
            }
            
            .backer-logo {
                height: 140px;
                padding: 2rem;
            }
            
            .backer-logo img {
                max-height: 90px;
            }
        }

        @media (min-width: 1600px) {
            .backers-grid {
                gap: 3rem;
                max-width: 1600px;
            }
            
            .backer-logo {
                height: 160px;
                padding: 2.5rem;
            }
            
            .backer-logo img {
                max-height: 100px;
            }
        }

        @media (min-width: 2000px) {
            .backers-grid {
                gap: 3.5rem;
                max-width: 1800px;
            }
            
            .backer-logo {
                height: 180px;
                padding: 3rem;
            }
            
            .backer-logo img {
                max-height: 110px;
            }
        }

        @media (max-width: 768px) {
            .backers-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 1.5rem;
            }
            
            .backer-logo {
                height: 100px;
                padding: 1rem;
            }
            
            .backer-logo img {
                max-height: 60px;
            }
        }

        /* Team Modal */
        .team-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            z-index: 2000;
            backdrop-filter: blur(10px);
        }

        .modal-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: var(--light-surface);
            border-radius: 20px;
            padding: 0;
            max-width: 1200px;
            width: 95%;
            max-height: 85vh;
            display: flex;
            flex-direction: row;
            box-shadow: var(--shadow-dark);
            overflow: hidden;
        }

        .modal-close {
            position: absolute;
            top: 1rem;
            right: 1rem;
            background: rgba(255, 255, 255, 0.95);
            border: none;
            font-size: 1.5rem;
            color: var(--text-secondary-light);
            cursor: pointer;
            transition: all 0.3s ease;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            border: 1px solid rgba(37, 99, 235, 0.1);
        }

        .modal-close:hover {
            color: var(--accent-orange);
        }

        /* 左侧头像信息区域 */
        .modal-left {
            flex: 0 0 320px;
            background: linear-gradient(135deg, #93c5fd, #3b82f6);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 2rem;
            text-align: center;
        }

        .modal-avatar {
            width: 150px;
            height: 150px;
            border-radius: 20px;
            object-fit: cover;
            margin-bottom: 1.5rem;
            border: 4px solid rgba(255, 255, 255, 0.3);
        }

        .modal-name {
            font-size: 1.8rem;
            font-weight: 800;
            color: white;
            margin-bottom: 0.5rem;
        }

        .modal-title {
            color: rgba(255, 255, 255, 0.9);
            font-weight: 600;
            margin-bottom: 0.5rem;
            font-size: 1rem;
        }

        .modal-role {
            color: rgba(255, 255, 255, 0.8);
            font-weight: 400;
            margin-bottom: 1rem;
            font-size: 0.9rem;
        }

        /* 右侧简介区域 */
        .modal-right {
            flex: 1;
            display: flex;
            flex-direction: column;
            background: var(--light-surface);
        }

        .modal-header {
            padding: 0;
            background: none;
            border: none;
        }

        .modal-bio {
            color: var(--text-secondary-light);
            line-height: 1.7;
            padding: 2rem 5rem 2rem 2rem;
            overflow-y: auto;
            flex: 1;
            text-align: left;
            font-size: 1rem;
        }

        .modal-bio p {
            margin-bottom: 1.2rem;
        }

        .modal-bio p:last-child {
            margin-bottom: 0;
        }

        /* 大屏幕优化 */
        @media (min-width: 1400px) {
            .modal-content {
                max-width: 1400px;
            }
            
            .modal-left {
                flex: 0 0 350px;
            }
            
            .modal-bio {
                padding: 2.5rem 6rem 2.5rem 2.5rem;
                font-size: 1.1rem;
                line-height: 1.8;
            }
        }

        /* 团队弹窗移动端适配 */
        @media (max-width: 768px) {
            .modal-content {
                flex-direction: column;
                max-width: 95%;
                max-height: 85vh; /* 减少最大高度，留出更多空间 */
                width: 95%;
            }

            .modal-left {
                flex: 0 0 auto;
                padding: 1rem;    /* 减少上方区域内边距 */
                min-height: auto; /* 移除最小高度限制 */
            }

            .modal-avatar {
                width: 80px;      /* 进一步缩小头像 */
                height: 80px;
                border-radius: 12px;
                margin-bottom: 1rem; /* 减少下边距 */
            }

            .modal-name {
                font-size: 1.2rem; /* 减小姓名字体 */
                margin-bottom: 0.3rem;
            }

            .modal-title {
                font-size: 0.9rem; /* 减小职位字体 */
                margin-bottom: 0.3rem;
            }

            .modal-role {
                font-size: 0.8rem; /* 减小角色字体 */
                margin-bottom: 0.5rem;
            }

            .modal-bio {
                padding: 1rem;     /* 减少内边距 */
                font-size: 0.9rem; /* 减小正文字体 */
                line-height: 1.5;  /* 调整行高 */
                overflow-y: auto;  /* 确保可滚动 */
                max-height: calc(85vh - 200px); /* 设置最大高度，确保滚动 */
            }
            
            /* 为移动端弹窗增加更好的滚动体验 */
            .modal-bio::-webkit-scrollbar {
                width: 4px;
            }
            
            .modal-bio::-webkit-scrollbar-track {
                background: rgba(0, 0, 0, 0.1);
                border-radius: 2px;
            }
            
            .modal-bio::-webkit-scrollbar-thumb {
                background: var(--primary-blue);
                border-radius: 2px;
            }
        }

        /* Partnership Modal Styles */
        .partnership-modal {
            display: none;
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.6);
            backdrop-filter: blur(5px);
        }

        .partnership-modal .modal-content {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95));
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 0;
            border-radius: 20px;
            width: 90%;
            max-width: 600px;
            box-shadow: 0 20px 60px rgba(37, 99, 235, 0.2);
            border: 2px solid rgba(37, 99, 235, 0.1);
            animation: modalSlideIn 0.3s ease;
        }

        .partnership-modal .modal-header {
            padding: 2rem 2rem 1rem;
            border-bottom: 2px solid rgba(37, 99, 235, 0.1);
        }

        .partnership-modal .modal-title {
            font-size: 1.8rem;
            font-weight: 700;
            color: #1f2937;
            margin: 0;
            background: linear-gradient(135deg, var(--primary-blue), #f97316);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .partnership-modal .modal-body {
            padding: 1.5rem 2rem 2rem;
        }

        .partnership-modal .modal-text {
            color: #374151;
            line-height: 1.7;
            font-size: 1.1rem;
            margin: 0;
        }

        /* News Section Two-Column Layout */
        .news-section-two-column {
            display: grid;
            grid-template-columns: 1fr 25vw 1fr;    /* 中间列使用视口单位，保持等比例 */
            gap: 3vw;                                /* 间距使用视口单位 */
            align-items: start;
            min-height: 500px;
        }

        .news-column {
            min-height: 500px;
            max-height: 500px;
            display: flex;
            flex-direction: column;
            overflow: visible;
        }

        .news-category-compact {
            background: linear-gradient(135deg, rgba(37, 99, 235, 0.03), rgba(59, 130, 246, 0.01));
            border-radius: 16px;
            padding: 1.5rem;
            border: 1px solid rgba(37, 99, 235, 0.08);
            height: 100%;
            display: flex;
            flex-direction: column;
            box-shadow: 0 4px 20px rgba(37, 99, 235, 0.05);
        }

        .news-category-title {
            font-size: 1.3rem;
            font-weight: 600;
            color: var(--primary-blue);
            display: flex;
            align-items: center;
            gap: 0.8rem;
            margin-bottom: 1.5rem;
            padding-bottom: 0.4rem;
            border-bottom: 2px solid rgba(37, 99, 235, 0.15);
        }

        .news-cards-column {
            display: flex;
            flex-direction: column;
            gap: 0;
            flex: 1;
            max-height: 400px;
            overflow: hidden;
            overflow-x: hidden; /* 防止横向滚动 */
            scrollbar-width: thin;
            scrollbar-color: rgba(37, 99, 235, 0.3) transparent;
            padding-right: 10px; /* 为悬浮移动预留空间 */
        }

        .news-card-compact {
            background: transparent;
            border: none;
            border-left: 3px solid transparent;
            padding: 1rem 0 1rem 1rem;
            margin-right: 10px; /* 为悬浮移动预留空间 */
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            border-bottom: 1px solid rgba(37, 99, 235, 0.1);
            margin-bottom: 0.5rem;
        }

        .news-card-compact:hover {
            transform: translateX(5px);
            border-left-color: var(--primary-blue);
            background: rgba(37, 99, 235, 0.02);
        }
        
        /* Coming Soon 卡片不应有悬浮效果 */
        .news-card-compact.coming-soon {
            pointer-events: none;
            transition: none;
        }
        
        .news-card-compact.coming-soon:hover {
            transform: none;
            border-left-color: initial;
            background: initial;
        }

        .news-center-decoration {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 0;
            background: transparent;
            border: none;
            height: 500px;
            overflow: hidden;
        }



        .news-center-decoration > * {
            position: relative;
            z-index: 2;
        }

        .news-image-container {
            width: 100%;
            height: 100%;
            display: block;
        }

        .news-center-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 15px;
        }

        .news-visual-element {
            margin-bottom: 1.5rem;
            opacity: 0.8;
        }

        .news-decoration-text {
            margin-top: auto;
        }

        .news-decoration-text h4 {
            font-size: 1.4rem;
            font-weight: 700;
            background: linear-gradient(135deg, var(--primary-blue), #f97316);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin: 0 0 1rem 0;
        }

        .news-decoration-text p {
            font-size: 1rem;
            color: var(--text-secondary-light);
            line-height: 1.6;
            margin: 0;
            max-width: 200px;
            opacity: 0.9;
        }

        /* Add some visual enhancements */
        .news-stats {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            margin: 2rem 0;
        }

        .news-stat-item {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 12px;
            padding: 1rem;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(37, 99, 235, 0.2);
        }

        .news-stat-number {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--primary-blue);
            margin-bottom: 0.2rem;
        }

        .news-stat-label {
            font-size: 0.8rem;
            color: var(--text-secondary-light);
            opacity: 0.8;
        }

        .news-category {
            background: linear-gradient(135deg, rgba(37, 99, 235, 0.05), rgba(59, 130, 246, 0.02));
            border-radius: 20px;
            padding: 2.5rem;
            border: 1px solid rgba(37, 99, 235, 0.1);
        }

        .news-category h3 {
            font-size: 1.6rem;
            font-weight: 700;
            margin-bottom: 2rem;
            color: var(--primary-blue);
            display: flex;
            align-items: center;
            gap: 1rem;
            position: relative;
            padding-left: 1rem;
        }

        .news-category h3::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 4px;
            height: 24px;
            background: linear-gradient(135deg, var(--primary-blue), #f97316);
            border-radius: 2px;
        }

        .news-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 2rem;
            justify-content: center;
            overflow: hidden; /* 防止悬停时内容溢出 */
        }

        /* News grid responsive design */
        @media (min-width: 1200px) {
            .news-grid {
                grid-template-columns: repeat(auto-fit, minmax(350px, 450px));
                gap: 2.5rem;
            }
        }

        @media (min-width: 1600px) {
            .news-grid {
                grid-template-columns: repeat(auto-fit, minmax(380px, 500px));
                gap: 3rem;
            }
        }

        .news-card {
            background: linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.04));
            border: 1px solid rgba(37, 99, 235, 0.2);
            border-radius: 16px;
            padding: 1.8rem;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            backdrop-filter: blur(10px);
            position: relative;
            overflow: hidden;
        }

        .news-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, var(--primary-blue), #f97316);
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .news-card:hover {
            transform: translateY(-8px);
            border-color: var(--primary-blue);
            box-shadow: 0 20px 40px rgba(37, 99, 235, 0.2), 0 8px 20px rgba(37, 99, 235, 0.1);
            background: linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.06));
        }

        .news-card:hover::before {
            opacity: 1;
        }

        .news-link {
            text-decoration: none;
            color: inherit;
            display: block;
            height: 100%;
        }

        .news-link:hover .news-title {
            color: var(--primary-blue);
        }

        .news-title {
            font-size: 0.95rem;
            font-weight: 500;
            color: var(--text-primary-light);
            line-height: 1.4;
            margin-bottom: 0;
            transition: color 0.3s ease;
            display: -webkit-box;
            line-clamp: 2;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%;
            word-break: break-word;
        }

        /* 悬停时改为单行截断，避免宽度溢出 */
        .news-card:hover .news-title {
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%;
            width: 100%;
        }

        .news-excerpt {
            color: var(--text-secondary-dark);
            font-size: 0.9rem;
            line-height: 1.5;
        }

        /* ===============================================
           ORIGINAL PUBLICATIONS GRID LAYOUT - COMMENTED OUT
           保留原始布局代码，后续可能需要恢复使用
           =============================================== */
        /*
        .publications-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: min(2.5vw, 2rem);
            margin-top: 3rem;
        }

        @media (max-width: 768px) {
            .publications-grid {
                grid-template-columns: 1fr;
                gap: 1.5rem;
            }
        }

        @media (min-width: 1600px) {
            .publications-grid {
                gap: 2rem;
            }
        }
        */

        /* ===============================================
           NEW PUBLICATIONS LAYOUT - FIRST CARD FEATURED
           新的Publications布局：第一个卡片突出显示，其他卡片保持原样
           =============================================== */
        .publications-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: min(2.5vw, 2rem);
            margin-top: 3rem;
        }

        /* 第一个卡片 - 跨两列显示，特色突出 */
        .publication-card:first-child {
            grid-column: 1 / -1; /* 跨越所有列 */
            position: relative; /* 为::after伪元素定位 */
            /* 增强第一个卡片的视觉效果 */
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.95));
            border: 2px solid rgba(37, 99, 235, 0.1);
            box-shadow: 0 8px 32px rgba(37, 99, 235, 0.12), 0 2px 8px rgba(0, 0, 0, 0.04);
        }

        /* 第一个卡片的图片区域调整 */
        .publication-card:first-child .publication-image {
            flex: 0 0 200px;
            height: 160px;
            margin: 1.5rem;
        }

        /* 第一个卡片的内容区域样式调整 */
        .publication-card:first-child .publication-content {
            padding: 1.5rem 2rem 1.5rem 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        /* 第一个卡片的标题样式增强 */
        .publication-card:first-child .publication-title {
            font-size: 1.8rem;
            font-weight: 800;
            margin-bottom: 1rem;
            color: var(--primary-blue);
            line-height: 1.4;
        }

        /* 第一个卡片的期刊信息样式 */
        .publication-card:first-child .publication-meta {
            font-size: 1rem;
            font-weight: 600;
        }

        .publication-card:first-child .publication-journal {
            font-size: 1.1rem;
            font-weight: 800;
        }

        /* 为第一个卡片添加更多信息显示 */


        /* 移动端适配 */
        @media (max-width: 768px) {
            .publications-grid {
                grid-template-columns: 1fr;
                gap: 1.5rem;
            }

            /* 移动端第一个卡片适配 - 进一步优化图片大小和布局 */
            .publication-card:first-child .publication-image {
                flex: 0 0 90px;  /* 进一步缩小图片宽度 */
                height: 80px;    /* 进一步缩小图片高度 */
                margin: 0.8rem;  /* 减少外边距 */
            }

            .publication-card:first-child .publication-content {
                padding: 0.8rem 1rem 0.8rem 0.3rem; /* 减少内边距 */
                display: flex;
                flex-direction: column;
                justify-content: center; /* 垂直居中对齐 */
            }

            .publication-card:first-child .publication-title {
                font-size: 0.9rem;      /* 进一步减小标题字体 */
                line-height: 1.25;      /* 调整行高更紧凑 */
                margin-bottom: 0.6rem;  /* 减少下边距 */
                font-weight: 700;       /* 调整字重 */
            }

            .publication-card:first-child .publication-meta {
                font-size: 0.75rem;     /* 进一步减小元信息字体 */
            }

            .publication-card:first-child .publication-journal {
                font-size: 0.8rem;      /* 进一步减小期刊字体 */
                font-weight: 600;       /* 调整字重 */
            }

            /* 移动端普通卡片（非第一个）适配 */
            .publication-card:not(:first-child) .publication-image {
                flex: 0 0 80px;  /* 缩小普通卡片图片宽度 */
                height: 70px;    /* 缩小普通卡片图片高度 */
                margin: 0.7rem;  /* 减少外边距 */
            }

            .publication-card:not(:first-child) .publication-content {
                padding: 0.7rem 0.8rem 0.7rem 0.2rem; /* 减少内边距 */
            }

            .publication-card:not(:first-child) .publication-title {
                font-size: 0.85rem;     /* 减小普通卡片标题字体 */
                line-height: 1.3;       /* 调整行高 */
                margin-bottom: 0.5rem;  /* 减少下边距 */
            }

            .publication-card:not(:first-child) .publication-meta {
                font-size: 0.7rem;      /* 减小普通卡片元信息字体 */
            }

            .publication-card:not(:first-child) .publication-journal {
                font-size: 0.75rem;     /* 减小普通卡片期刊字体 */
            }


        }

        @media (min-width: 1600px) {
            .publications-grid {
                gap: 2rem;
            }
        }

        .publication-card {
            background: var(--light-surface);
            border-radius: 15px;
            overflow: hidden;
            transition: all 0.3s ease;
            box-shadow: var(--shadow-light);
            display: none;
            position: relative;
            z-index: 1;
            border: 1px solid transparent; /* 预设透明边框，防止尺寸变化 */
        }

        .publication-card.visible {
            display: flex;
            align-items: center;
            gap: 1.5rem;
        }

        .publication-card:hover {
            background: linear-gradient(135deg, rgba(37, 99, 235, 0.75) 0%, rgba(96, 165, 250, 0.65) 100%);
            border-color: rgba(37, 99, 235, 0.4); /* 只改变边框颜色，不改变边框宽度 */
            top: -3px; /* 使用top属性代替transform，避免创建新的层叠上下文 */
            box-shadow: 
                0 8px 25px rgba(37, 99, 235, 0.2),
                0 3px 10px rgba(37, 99, 235, 0.15); /* 适度的阴影，不会超出grid边界 */
        }
        
        /* 光效流动动画 - 弱化版本 */
        .publication-card:hover::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
            animation: flowLight 3s ease-in-out infinite;
            z-index: 1;
            pointer-events: none;
        }
        
        @keyframes flowLight {
            0% { left: -100%; }
            100% { left: 100%; }
        }
        
        /* 确保内容在光效之上 */
        .publication-card:hover .publication-image,
        .publication-card:hover .publication-content {
            position: relative;
            z-index: 2;
        }
        
        .publication-card:hover .publication-title {
            color: white;
        }
        
        .publication-card:hover .publication-meta {
            color: rgba(255, 255, 255, 0.9);
        }
        
        .publication-card:hover .publication-journal {
            color: rgba(255, 255, 255, 0.95);
            font-weight: 600;
        }

        .publication-image {
            flex: 0 0 180px;
            height: 150px;
            background: var(--light-bg);
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            border-radius: 10px;
            margin: 1rem;
        }

        .publication-image img {
            width: 90%;
            height: 90%;
            object-fit: contain;
        }

        /* 特定期刊logo放大 */
        .publication-image img[src*="Nucleic_Acids_Research"],
        .publication-image img[src*="nature_biotechnology"],
        .publication-image img[src*="Nature_Communications"] {
            width: 100%;
            height: 100%;
        }

        .publication-content {
            flex: 1;
            padding: 1.5rem 1.5rem 1.5rem 0;
        }

        .publication-title {
            font-size: 1rem;
            font-weight: 800;
            margin-bottom: 1rem;
            color: var(--text-primary-light);
            line-height: 1.4;
        }

        .publication-meta {
            color: var(--text-secondary-light);
            font-size: 0.9rem;
        }

        .publication-journal {
            font-weight: 800;
            color: var(--primary-blue);
        }

        .expand-btn {
            background: var(--primary-blue);
            color: white;
            border: none;
            padding: 1rem 2rem;
            border-radius: 50px;
            font-weight: 800;
            cursor: pointer;
            margin: 2rem auto 0;
            display: block;
            transition: all 0.3s ease;
        }

        .expand-btn:hover {
            background: var(--accent-orange);
            transform: translateY(-3px);
        }

        /* Dynamic Partnerships Layout */
        .partnerships-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));  /* 保持自适应列 */
            gap: 3vw;                                /* 使用视口单位间距 */
            margin-top: 3rem;
            justify-content: center;
        }

        /* Partnerships responsive design */
        @media (min-width: 1200px) {
            .partnerships-grid {
                grid-template-columns: repeat(3, 1fr);  /* 保持三列 */
                gap: 4vw;                               /* 使用视口单位 */
            }
        }

        @media (min-width: 1600px) {
            .partnerships-grid {
                gap: 5vw;                               /* 大屏幕增加间距 */
            }
        }

        .partnership-card {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(249, 250, 251, 0.9));
            padding: 2rem;
            border-radius: 20px;
            text-align: center;
            border: 2px solid rgba(37, 99, 235, 0.1);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            box-shadow: 0 4px 20px rgba(37, 99, 235, 0.08);
            position: relative;
            overflow: hidden;
        }

        .partnership-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, var(--primary-blue), #f97316);
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .partnership-card:hover {
            transform: translateY(-8px) scale(1.02);
            border-color: var(--primary-blue);
            box-shadow: 0 20px 40px rgba(37, 99, 235, 0.15);
            background: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(249, 250, 251, 0.95));
        }

        .partnership-card:hover::before {
            opacity: 1;
        }

        /* Featured partnership card (larger) */
        .partnership-card.highlight {
            grid-column: span 2;
            background: linear-gradient(135deg, rgba(37, 99, 235, 0.05), rgba(59, 130, 246, 0.02));
            border-color: var(--primary-blue);
            box-shadow: 0 8px 30px rgba(37, 99, 235, 0.15);
        }

        .partnership-card.highlight::before {
            opacity: 1;
            background: linear-gradient(90deg, #f97316, var(--primary-blue));
        }

        /* Compact card for less important partnerships */
        .partnership-card.compact {
            padding: 1.5rem;
            text-align: center;
        }

        .partnership-card.compact .partnership-icon {
            width: 60px;
            height: 60px;
            margin: 0 auto 1rem;
            border-radius: 12px;
        }

        .partnership-card.compact .partnership-icon svg {
            width: 28px;
            height: 28px;
        }

        .partnership-card.compact .partnership-title {
            font-size: 1.2rem;
            margin-bottom: 1rem;
        }

        .partnership-card.compact .partnership-description {
            font-size: 0.95rem;
            margin-bottom: 1rem;
        }

        .learn-more {
            color: var(--primary-blue);
            font-size: 0.9rem;
            font-weight: 600;
            cursor: pointer;
            margin-top: 0.5rem;
            display: inline-block;
            transition: all 0.3s ease;
            padding: 0.3rem 0;
        }

        .learn-more:hover {
            color: #f97316;
            transform: translateX(3px);
        }

        .partnership-icon {
            background: linear-gradient(135deg, var(--primary-blue), #3b82f6);
            color: white;
            width: 70px;
            height: 70px;
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1.5rem;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(37, 99, 235, 0.2);
        }

        .partnership-icon svg {
            width: 32px;
            height: 32px;
        }

        .partnership-card.highlight .partnership-icon {
            background: linear-gradient(135deg, #f97316, #ea580c);
            box-shadow: 0 4px 15px rgba(249, 115, 22, 0.3);
        }

        .partnership-title {
            font-size: 1.4rem;
            font-weight: 700;
            color: #1f2937;
            margin-bottom: 1rem;
            line-height: 1.3;
        }

        .partnership-description {
            color: #6b7280;
            line-height: 1.6;
            margin-bottom: 0;
        }

        /* Enhanced Contact Section */
        .contact-section {
            position: relative;
            background: 
                linear-gradient(135deg, rgba(15, 23, 42, 0.9), rgba(30, 41, 59, 0.85)),
                url('../../Images/ct-bg.jpg');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            overflow: hidden;
        }

        .contact-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: 
                radial-gradient(circle at 20% 30%, rgba(37, 99, 235, 0.1) 0%, transparent 50%),
                radial-gradient(circle at 80% 70%, rgba(59, 130, 246, 0.08) 0%, transparent 50%),
                linear-gradient(135deg, rgba(15, 23, 42, 0.3), rgba(30, 41, 59, 0.2));
            pointer-events: none;
        }

        .contact-dna-background {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            overflow: hidden;
            pointer-events: none;
            opacity: 0.1;
        }

        .contact-dna-helix {
            position: absolute;
            width: 2px;
            background: linear-gradient(to bottom, var(--primary-blue), transparent);
        }

        .contact-dna-helix:nth-child(1) {
            height: 400px;
            top: 10%;
            left: 15%;
            animation: dnaFloat 8s ease-in-out infinite;
        }

        .contact-dna-helix:nth-child(2) {
            height: 300px;
            top: 20%;
            right: 20%;
            animation: dnaFloat 10s ease-in-out infinite reverse;
        }

        .contact-dna-helix:nth-child(3) {
            height: 250px;
            bottom: 15%;
            left: 60%;
            animation: dnaFloat 12s ease-in-out infinite;
        }

        @keyframes dnaFloat {
            0%, 100% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-30px) rotate(5deg); }
        }

        .contact-section .section-container {
            width: 100%;
            max-width: none;
            padding-left: 3vw;
            padding-right: 3vw;
        }

        .contact-grid {
            display: grid;
            grid-template-columns: 1fr;
            width: 100%;
            max-width: none;
            margin: 2.5rem auto 0;
            position: relative;
            z-index: 1;
        }

        .contact-info {
            width: 100%;
            background: transparent;
            padding: 0;
            border-radius: 0;
            box-shadow: none;
        }

        .contact-us-button {
            position: absolute;
            right: 4rem;
            bottom: 5rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 220px;
            padding: 1.2rem 2.4rem;
            border: 1px solid rgba(96, 165, 250, 0.75);
            border-radius: 999px;
            background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 60%, #3b82f6 100%);
            color: #fff;
            font-size: 1.12rem;
            font-weight: 800;
            letter-spacing: 0.09em;
            text-decoration: none;
            text-transform: uppercase;
            transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
            z-index: 3;
        }

        .contact-us-button::after {
            content: '✉';
            margin-left: 0.8rem;
            font-size: 1.3rem;
        }

        .contact-us-button:hover {
            background: linear-gradient(135deg, #f97316 0%, #fb923c 65%, #fdba74 100%);
            border-color: rgba(253, 186, 116, 0.9);
            transform: translateY(-3px);
        }

        .form-group {
            margin-bottom: 1.5rem;
        }

        .form-label {
            display: block;
            margin-bottom: 0.5rem;
            font-weight: 600;
            font-size: 1rem;
            color: var(--text-primary-light);
        }

        .form-input, .form-textarea {
            width: 100%;
            padding: 1rem;
            border: 2px solid var(--border-light);
            border-radius: 10px;
            font-family: inherit;
            font-size: 1rem;
            transition: border-color 0.3s ease;
        }

        .form-input:focus, .form-textarea:focus {
            outline: none;
            border-color: var(--primary-blue);
        }

        .form-textarea {
            height: 120px;
            resize: vertical;
        }

        .submit-button {
            width: 100%;
            padding: 1rem;
            background: var(--primary-blue);
            color: white;
            border: none;
            border-radius: 50px;
            font-weight: 800;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 1rem;
        }

        .submit-button:hover {
            background: var(--accent-orange);
            transform: translateY(-3px);
        }

        .submit-button:disabled {
            opacity: 0.6;
            cursor: not-allowed;
            transform: none;
        }

        /* Form Message Styles */
        .form-message {
            padding: 1rem 1.5rem;
            border-radius: 10px;
            margin-bottom: 1.5rem;
            font-weight: 600;
            animation: slideIn 0.3s ease-out;
        }

        .form-message-success {
            background: linear-gradient(135deg, rgba(34, 197, 94, 0.1), rgba(16, 185, 129, 0.05));
            border: 1px solid rgba(34, 197, 94, 0.2);
            color: #059669;
        }

        .form-message-error {
            background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(220, 38, 38, 0.05));
            border: 1px solid rgba(239, 68, 68, 0.2);
            color: #dc2626;
        }

        @keyframes slideIn {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Compact Form Styles */
        .compact-form {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        .form-row {
            display: flex;
            gap: 1rem;
        }

        .form-group.half-width {
            flex: 1;
        }

        /* Enhanced Contact Info Styles */
        .contact-hero {
            text-align: center;
            margin-bottom: 1rem;
            padding: 1rem;
            background: linear-gradient(135deg, rgba(37, 99, 235, 0.05), rgba(59, 130, 246, 0.02));
            border-radius: 20px;
            border: 1px solid rgba(37, 99, 235, 0.1);
        }

        .contact-hero-icon {
            width: 48px;
            height: 48px;
            background: linear-gradient(135deg, var(--primary-blue), #3b82f6);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 0.75rem;
            color: white;
            box-shadow: 0 6px 20px rgba(37, 99, 235, 0.3);
        }

        .contact-hero-title {
            font-size: 1.25rem;
            font-weight: 800;
            color: var(--text-primary-light);
            margin-bottom: 0.4rem;
        }

        .contact-hero-subtitle {
            font-size: 0.9rem;
            color: var(--text-secondary-light);
            opacity: 0.9;
        }

        /* New Contact Message Hero Styles */
        .contact-message-hero {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            width: 100%;
            max-width: 1100px;
            margin: 0 auto;
            height: 100%;
            box-sizing: border-box;
            padding: 4.5rem 3.5rem 6rem;
            min-height: 430px;
            position: relative;
            background: linear-gradient(135deg, 
                rgba(255, 255, 255, 0.98) 0%, 
                rgba(248, 250, 252, 0.97) 50%, 
                rgba(241, 245, 249, 0.94) 100%);
            border-radius: 30px;
            border: 1px solid rgba(37, 99, 235, 0.12);
            backdrop-filter: blur(12px);
            box-shadow: 0 28px 70px rgba(15, 23, 42, 0.28);
            overflow: hidden;
        }

        .contact-main-title {
            font-size: clamp(2rem, 3.2vw, 3.3rem);
            font-weight: 800;
            line-height: 1.08;
            color: var(--text-primary-light);
            margin-bottom: 1.5rem;
            letter-spacing: -0.04em;
            position: relative;
            max-width: 980px;
        }

        /* 线框文字容器 */
        .contact-title-container {
            position: relative;
            display: inline-block;
        }

        /* 简化的线框文字效果 - 只保留淡淡的阴影 */
        .contact-title-outline {
            position: absolute;
            top: 4px;
            left: 3px;
            font-size: clamp(2.2rem, 4vw, 3.2rem);
            font-weight: 800;
            line-height: 1.2;
            letter-spacing: -0.02em;
            color: transparent;
            background: linear-gradient(135deg, var(--primary-blue), var(--accent-orange));
            -webkit-background-clip: text;
            background-clip: text;
            background-size: 200% 200%;
            animation: gradientShift 4s ease-in-out infinite;
            z-index: -1;
            opacity: 0.25;
            pointer-events: none;
        }

        @keyframes gradientShift {
            0%, 100% {
                background-position: 0% 50%;
                opacity: 0.2;
            }
            50% {
                background-position: 100% 50%;
                opacity: 0.3;
            }
        }

        .contact-subtitle {
            font-size: 1.25rem;
            color: var(--text-secondary-light);
            line-height: 1.6;
            margin: 0;
            max-width: 560px;
            font-weight: 500;
        }

        /* Contact Decorative Elements */
        .contact-decoration {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            opacity: 0.6;
            overflow: hidden;
        }

        .grid-pattern {
            position: absolute;
            top: -20px;
            right: -20px;
            width: 150px;
            height: 150px;
            background: 
                linear-gradient(rgba(37, 99, 235, 0.05) 1px, transparent 1px),
                linear-gradient(90deg, rgba(37, 99, 235, 0.05) 1px, transparent 1px);
            background-size: 20px 20px;
            opacity: 0.3;
        }

        .gradient-orbs {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
        }

        .orb {
            position: absolute;
            border-radius: 50%;
            filter: blur(1px);
            animation: gentleFloat 6s ease-in-out infinite;
        }

        .orb-1 {
            width: 30px;
            height: 30px;
            top: 15%;
            right: 20%;
            background: radial-gradient(circle, rgba(37, 99, 235, 0.15) 0%, rgba(37, 99, 235, 0.05) 70%, transparent 100%);
            animation-delay: 0s;
        }

        .orb-2 {
            width: 20px;
            height: 20px;
            top: 45%;
            right: 10%;
            background: radial-gradient(circle, rgba(249, 115, 22, 0.12) 0%, rgba(249, 115, 22, 0.04) 70%, transparent 100%);
            animation-delay: -2s;
        }

        .orb-3 {
            width: 15px;
            height: 15px;
            top: 25%;
            right: 5%;
            background: radial-gradient(circle, rgba(37, 99, 235, 0.1) 0%, rgba(37, 99, 235, 0.03) 70%, transparent 100%);
            animation-delay: -4s;
        }

        @keyframes gentleFloat {
            0%, 100% { 
                transform: translateY(0px) translateX(0px);
                opacity: 0.4;
            }
            50% { 
                transform: translateY(-8px) translateX(3px);
                opacity: 0.8;
            }
        }

        .corner-accent {
            position: absolute;
            top: 0;
            right: 0;
            opacity: 0.4;
        }

        .contact-ai-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(59, 130, 246, 0.05));
            border: 1px solid rgba(37, 99, 235, 0.2);
            border-radius: 50px;
            padding: 0.6rem 1rem;
            margin-top: 2rem;
            color: var(--primary-blue);
            font-size: 0.9rem;
            font-weight: 600;
            backdrop-filter: blur(10px);
            box-shadow: 0 4px 15px rgba(37, 99, 235, 0.1);
        }

        .contact-ai-badge svg {
            color: var(--primary-blue);
        }

        .partnership-cards {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
            margin-bottom: 1.5rem;
        }

        .partnership-card-mini {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(37, 99, 235, 0.1);
            border-radius: 12px;
            padding: 1.5rem;
            text-align: center;
            transition: all 0.3s ease;
        }

        .partnership-card-mini:hover {
            transform: translateY(-3px);
            background: rgba(37, 99, 235, 0.05);
            border-color: var(--primary-blue);
            box-shadow: 0 8px 25px rgba(37, 99, 235, 0.15);
        }

        .partnership-mini-icon {
            width: 40px;
            height: 40px;
            background: linear-gradient(135deg, var(--primary-blue), #3b82f6);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 0.8rem;
            color: white;
            box-shadow: 0 4px 15px rgba(37, 99, 235, 0.2);
        }

        .partnership-card-mini h4 {
            font-size: 1rem;
            font-weight: 700;
            color: var(--text-primary-light);
            margin-bottom: 0.5rem;
        }

        .partnership-card-mini p {
            font-size: 0.9rem;
            color: var(--text-secondary-light);
            opacity: 0.8;
            line-height: 1.4;
        }



        @media (max-width: 768px) {
            .form-row {
                flex-direction: column;
                gap: 0.5rem;
            }
            
            .partnership-cards {
                grid-template-columns: 1fr;
            }
        }

        /* Footer */
        .footer {
            background: linear-gradient(135deg, #0f172a, #1e293b);
            color: var(--text-primary-dark);
            padding: 2.5rem 0 1.5rem;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .footer::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: 
                linear-gradient(45deg, transparent 30%, rgba(37, 99, 235, 0.1) 50%, transparent 70%),
                linear-gradient(-45deg, transparent 30%, rgba(59, 130, 246, 0.05) 50%, transparent 70%);
            opacity: 0.3;
        }

        .footer-geometric {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            overflow: hidden;
            pointer-events: none;
        }

        /* 简化的几何元素 */
        .footer-geometric::before {
            content: '';
            position: absolute;
            top: 20%;
            right: 10%;
            width: 80px;
            height: 80px;
            border: 1px solid rgba(37, 99, 235, 0.15);
            border-radius: 50%;
            opacity: 0.6;
        }

        .footer-geometric::after {
            content: '';
            position: absolute;
            bottom: 30%;
            left: 15%;
            width: 60px;
            height: 60px;
            border: 1px solid rgba(59, 130, 246, 0.12);
            transform: rotate(45deg);
            opacity: 0.4;
        }





        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
        }

        .footer-content {
            position: relative;
            z-index: 1;
        }

        .footer-logo {
            font-size: 2rem;
            font-weight: 800;
            background: linear-gradient(135deg, var(--primary-blue), #60a5fa);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 1rem;
        }

        .footer-text {
            color: var(--text-secondary-dark);
            margin-bottom: 2rem;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
            font-size: 1.1rem;
            line-height: 1.6;
        }

        .footer-bottom {
            border-top: 1px solid rgba(37, 99, 235, 0.2);
            padding-top: 2rem;
            color: var(--text-secondary-dark);
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .hero-container {
                grid-template-columns: 1fr;
                text-align: center;
            }

            .tech-showcase {
                grid-template-columns: 1fr;
                gap: 2rem;
            }

            .team-slider-container {
                flex-direction: column;
                gap: 1rem;
            }

            .team-nav-btn-new {
                display: none;
            }

            /* 移动端团队导航按钮 - 隐藏（使用平铺布局） */
            .team-mobile-nav {
                display: none !important;
            }

            .team-mobile-nav-btn {
                background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(59, 130, 246, 0.05));
                border: 2px solid rgba(37, 99, 235, 0.2);
                color: var(--primary-blue);
                width: 44px;
                height: 44px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                transition: all 0.3s ease;
                touch-action: manipulation;
                -webkit-tap-highlight-color: transparent;
            }

            .team-mobile-nav-btn:active {
                background: linear-gradient(135deg, var(--primary-blue), #3b82f6);
                border-color: var(--primary-blue);
                color: white;
                transform: scale(0.95);
            }

            .team-mobile-nav-btn.disabled {
                background: rgba(156, 163, 175, 0.1) !important;
                border-color: rgba(156, 163, 175, 0.2) !important;
                color: rgba(156, 163, 175, 0.5) !important;
                cursor: not-allowed !important;
                pointer-events: none !important;
            }

            /* 移动端TEAM模块 - 垂直平铺布局，缩小间距 */
            .team-grid-elegant {
                display: flex !important;
                flex-direction: column !important;
                gap: 1rem !important;
                padding: 1rem !important;
                overflow: visible !important;
                justify-content: flex-start !important;
                /* 重置桌面端的视口单位 */
                margin: 0 !important;
                box-sizing: border-box !important;
                flex: none !important;
            }

            .team-member-simple {
                width: 100% !important;
                max-width: none !important;
                flex: none !important;
                cursor: pointer !important;
            }

            /* 强制移动端卡片横向布局 */
            .team-member-simple .member-card-simple {
                /* 强制重置所有样式 */
                all: unset !important;
                /* 重新设置基础样式 */
                display: flex !important;
                flex-direction: row !important;
                align-items: center !important;
                width: 100% !important;
                height: auto !important;
                max-height: 150px !important;
                min-height: 130px !important;
                padding: 0.8rem 1rem !important;
                margin: 0 !important;
                gap: 1rem !important;
                /* 背景和边框 */
                background: #ffffff !important;
                border: 1px solid rgba(37, 99, 235, 0.15) !important;
                border-radius: 16px !important;
                box-shadow: 0 4px 16px rgba(37, 99, 235, 0.1) !important;
                /* 布局属性 */
                box-sizing: border-box !important;
                position: relative !important;
                overflow: hidden !important;
                cursor: pointer !important;
            }

            /* 强制左侧头像区域样式 - 进一步增大头像尺寸 */
            .team-member-simple .member-avatar-simple {
                /* 强制重置样式 */
                all: unset !important;
                /* 重新设置样式 */
                display: block !important;
                flex: 0 0 110px !important;
                width: 110px !important;
                height: 110px !important;
                margin: 0 !important;
                padding: 0 !important;
                border-radius: 16px !important;
                overflow: hidden !important;
                position: relative !important;
                box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15) !important;
            }

            /* 强制头像图片样式 - 进一步增大头像尺寸 */
            .team-member-simple .member-avatar-simple img {
                display: block !important;
                width: 110px !important;
                height: 110px !important;
                object-fit: cover !important;
                border-radius: 16px !important;
                border: none !important;
                margin: 0 !important;
                padding: 0 !important;
            }

            /* 强制右侧信息区域样式 */
            .team-member-simple .member-info-simple {
                /* 强制重置样式 */
                all: unset !important;
                /* 重新设置样式 */
                display: flex !important;
                flex-direction: column !important;
                flex: 1 !important;
                height: auto !important;
                margin: 0 !important;
                padding: 0 !important;
                gap: 0.3rem !important;
                text-align: left !important;
                justify-content: center !important;
            }

            /* 强制姓名样式 */
            .team-member-simple .member-name-simple {
                all: unset !important;
                display: flex !important;
                align-items: center !important;
                gap: 0.5rem !important;
                font-family: 'Gilroy', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif !important;
                font-size: 1.1rem !important;
                font-weight: 600 !important;
                color: #1a1a1a !important;
                line-height: 1.3 !important;
                margin: 0 !important;
                padding: 0 !important;
            }

            /* 强制职位样式 */
            .team-member-simple .member-role-simple {
                all: unset !important;
                display: block !important;
                font-family: 'Gilroy', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif !important;
                font-size: 0.9rem !important;
                font-weight: 500 !important;
                color: var(--primary-blue) !important;
                line-height: 1.2 !important;
                margin: 0 !important;
                padding: 0 !important;
            }

            /* 强制标题样式 */
            .team-member-simple .member-title-simple {
                all: unset !important;
                display: block !important;
                font-family: 'Gilroy', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif !important;
                font-size: 0.8rem !important;
                font-weight: 400 !important;
                color: #666 !important;
                line-height: 1.25 !important;
                margin: 0 !important;
                padding: 0 !important;
            }

            /* 强制LinkedIn图标样式 */
            .team-member-simple .linkedin-icon {
                all: unset !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 22px !important;
                height: 22px !important;
                background: #0077b5 !important;
                color: white !important;
                border-radius: 4px !important;
                font-size: 11px !important;
                font-weight: bold !important;
                text-decoration: none !important;
                cursor: pointer !important;
                flex-shrink: 0 !important;
            }

            .news-section-two-column {
                grid-template-columns: 1fr;
                gap: 2rem;
            }

            .news-center-decoration {
                order: -1;
                min-height: 200px;
                padding: 1.5rem 1rem;
            }

            .news-visual-element svg {
                width: 150px;
                height: 200px;
            }

            .news-category-compact {
                padding: 1.2rem;
            }

            .news-card-compact {
                padding: 1rem;
            }

            .partnerships-grid {
                grid-template-columns: 1fr;
                grid-template-rows: auto;
                gap: 1.5rem;
            }

            .partnership-card.highlight {
                grid-column: span 1;
            }

            .partnership-card.compact {
                text-align: center;
            }

            .contact-grid {
                grid-template-columns: 1fr;
                gap: 2rem;
            }

            .contact-message-hero {
                padding: 3rem 2rem 5rem;
                min-height: 360px;
            }

            .contact-us-button {
                right: 2rem;
                bottom: 2rem;
            }

            .publications-grid {
                grid-template-columns: 1fr;
            }

            .nav-links {
                display: flex; /* 保持flex显示 */
                position: relative;
            }

            /* 隐藏除LinkedIn外的所有导航项 */
            .nav-links li:not(:last-child) {
                display: none;
            }
            
            /* 移动端LinkedIn图标样式 */
            .nav-links li:last-child {
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
            }

            .nav-links .linkedin-link .nav-linkedin-logo {
                height: 32px;
                width: 32px;
            }

            .hero-content h1 {
                font-size: 2.8rem;
            }

            .section-title {
                font-size: 2rem;
            }

            /* 移动端Team箭头隐藏但确保容器样式正确 */
            .team-slider-container {
                padding: 0;
                position: static;
                max-width: 100%;
                margin: 0;
            }

            /* 移动端Back to Top按钮优化 */
            .back-to-top {
                bottom: 20px;
                right: 20px;
                width: 40px;
                height: 40px; /* 移动端也改为正方形 */
                font-size: 16px;
                border-radius: 10px; /* 移动端适当的圆角 */
            }



            /* 移动端Footer优化 */
            .footer {
                padding: 2rem 0 1rem;
            }

            /* 移动端Contact Us表单优化 */
            .contact-form {
                padding: 1.5rem 1rem;
            }

            .form-input, .form-textarea {
                padding: 0.8rem;
                font-size: 16px; /* 防止iOS放大输入框 */
            }

            /* 移动端Team卡片优化 - 使用新的左右布局 */

            /* 移动端头像蒙版调整 - 隐藏以保持清晰 */
            .team-member-simple .avatar-overlay {
                display: none !important;
            }

            /* 移动端按钮优化 */
            .submit-button {
                padding: 1.2rem;
                font-size: 1.1rem;
            }

            /* 移动端导航优化 */
            .navbar {
                padding: 1rem 0;
            }

            .nav-container {
                padding: 0 1rem;
            }

            /* 移动端Hero区域优化 */
            .hero {
                min-height: calc(100vh - 70px); /* 减去导航栏高度 */
                min-height: calc(100dvh - 70px); /* 支持动态视口 */
                padding: 1rem 0 2rem 0;
                align-items: flex-start;
                justify-content: center;
            }

            .hero-container {
                padding: 2rem 1rem 1rem 1rem;
                gap: 2rem;
                margin-top: 1rem;
            }

            .hero-content {
                text-align: center;
                padding: 0;
                order: 2; /* 在移动端将内容放在视觉元素下方 */
            }

            .hero-title {
                font-size: 2.2rem;
                line-height: 1.2;
            }

            .hero-subtitle {
                font-size: 1rem;
                margin: 1rem 0 2rem;
            }

            /* 移动端圆形容器和动画 */
            .circle-container {
                width: min(320px, 90vw);
                height: min(320px, 90vw);
                margin: 1rem auto;
                gap: 15px; /* 移动端调整间距 */
            }

            .hero-visual {
                order: 1; /* 在移动端将视觉元素放在内容上方 */
                margin-bottom: 1rem;
            }

            .raina-animation-system {
                font-size: 3.2rem;
                height: 120px;
            }

            .word-animation-container {
                width: 320px;
                height: 60px;
            }

            .word-rna {
                left: 30px;
            }

            .word-ai {
                right: 30px;
            }

            .raina-animation-system.combining .word-rna {
                transform: translateX(70px);
            }

            .raina-animation-system.combining .word-ai {
                transform: translateX(-70px);
            }

            .hero-subtitle-animated {
                font-size: 1rem;
            }

            /* 移动端Section间距优化 */
            .section {
                padding: 3rem 0;
            }

            .section-container {
                padding: 0 1rem;
                max-width: 100%;
                overflow-x: hidden;
            }

            /* 移动端技术卡片优化 */
            .tech-cards-sidebar {
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
            }

            .tech-title-card {
                min-width: 250px;
                margin-bottom: 1rem;
            }

            /* 移动端Tech showcases优化 */
            .tech-visual {
                height: 250px;
            }

            /* 移动端Partnership卡片优化 */
            .partnership-card-mini {
                padding: 1rem;
            }

            .partnership-mini-icon {
                width: 32px;
                height: 32px;
                margin-bottom: 0.5rem;
            }

            /* 移动端新闻区域优化 */
            .news-content {
                padding: 1rem;
            }
        }

        /* 平板设备优化 (768px-1024px) */
        @media (max-width: 1024px) and (min-width: 768px) {


            .back-to-top {
                bottom: 25px;
                right: 25px;
                width: 42px;
                height: 42px; /* 平板端也改为正方形 */
                font-size: 17px;
                border-radius: 11px; /* 平板端适当的圆角 */
            }
        }



        /* 超小屏幕优化 (320px-480px) */
        @media (max-width: 480px) {
            .hero {
                padding: 0.5rem 0 1.5rem 0;
            }

            .hero-container {
                padding: 1rem 0.5rem 0.5rem 0.5rem;
                gap: 1.5rem;
                margin-top: 0.5rem;
            }

            .circle-container {
                width: min(280px, 85vw);
                height: min(280px, 85vw);
                margin: 0.5rem auto;
                gap: 10px;
            }

            .hero-content h1 {
                font-size: 2rem;
                margin-bottom: 1rem;
            }

            .hero-content p {
                font-size: 1.1rem;
                margin-bottom: 1.5rem;
            }

            .cta-button {
                padding: 1rem 2rem;
                font-size: 1.1rem;
            }

            .hero-title {
                font-size: 1.8rem;
            }

            .section-title {
                font-size: 1.6rem;
            }

            /* 480px以下超小屏幕 - 团队卡片优化，使用更紧凑的布局 */
            .team-member-simple {
                width: 100% !important;
                flex: none !important;
            }

            /* 480px以下强制使用更小的卡片 - 增大头像尺寸 */
            .team-member-simple .member-card-simple {
                max-height: 120px !important;
                min-height: 110px !important;
                padding: 0.6rem 0.8rem !important;
                gap: 0.8rem !important;
                border-radius: 12px !important;
            }

            .team-member-simple .member-avatar-simple {
                flex: 0 0 95px !important;
                width: 95px !important;
                height: 95px !important;
                border-radius: 14px !important;
                box-shadow: 0 3px 10px rgba(37, 99, 235, 0.1) !important;
            }

            .team-member-simple .member-avatar-simple img {
                width: 95px !important;
                height: 95px !important;
                border-radius: 14px !important;
            }

            .team-member-simple .member-info-simple {
                gap: 0.2rem !important;
            }

            .team-member-simple .member-name-simple {
                font-size: 1rem !important;
                gap: 0.4rem !important;
            }

            .team-member-simple .member-role-simple {
                font-size: 0.82rem !important;
            }

            .team-member-simple .member-title-simple {
                font-size: 0.75rem !important;
            }

            .team-member-simple .linkedin-icon {
                width: 20px !important;
                height: 20px !important;
                font-size: 10px !important;
                min-width: 20px !important;
            }

            .section-container {
                padding: 0 0.5rem;
            }

            .partnership-cards {
                gap: 0.8rem;
            }

            .form-row {
                gap: 0.3rem;
            }

            /* 超小屏幕特定优化 */
            .contact-hero-icon {
                width: 40px;
                height: 40px;
            }

            .contact-message-hero {
                padding: 2rem 1.25rem 5.5rem;
                min-height: 340px;
                text-align: left;
                align-items: flex-start;
            }

            .contact-main-title {
                font-size: 1.7rem;
            }

            .contact-subtitle {
                font-size: 1.05rem;
            }

            .contact-us-button {
                left: 1.25rem;
                right: 1.25rem;
                bottom: 2rem;
                width: auto;
                min-width: 0;
            }

            /* 移动端线框文字效果优化 */
            .contact-title-outline {
                top: 3px;
                left: 2px;
                opacity: 0.2;
            }

            .contact-decoration {
                opacity: 0.4;
            }

            .grid-pattern {
                width: 100px;
                height: 100px;
                background-size: 15px 15px;
            }

            .orb-1 {
                width: 20px;
                height: 20px;
            }

            .orb-2 {
                width: 15px;
                height: 15px;
            }

            .orb-3 {
                width: 10px;
                height: 10px;
            }

            .contact-ai-badge {
                font-size: 0.8rem;
                padding: 0.5rem 0.8rem;
                margin-top: 1.5rem;
            }

            .partnership-mini-icon {
                width: 28px;
                height: 28px;
            }
        }

        /* 触摸设备优化 */
        @media (hover: none) and (pointer: coarse) {
            .team-card:hover {
                transform: none;
            }

            .member-card-simple:hover {
                transform: none;
                box-shadow: 0 8px 32px rgba(37, 99, 235, 0.12), 0 2px 8px rgba(0, 0, 0, 0.04);
            }

            .team-nav-btn-new:hover {
                transform: translateY(-50%);
                background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(59, 130, 246, 0.05));
                color: var(--primary-blue);
                box-shadow: none;
            }

            /* 增加触摸目标大小 */
            .team-member-simple {
                cursor: pointer;
                -webkit-tap-highlight-color: rgba(37, 99, 235, 0.1);
            }

            .submit-button {
                min-height: 44px; /* iOS推荐的最小触摸目标 */
            }

            .linkedin-icon {
                min-width: 32px;
                min-height: 32px;
            }
        }

/* CSP-safe replacements for former inline styles */
.news-logo-icon {
    width: 2rem;
    height: 2rem;
    vertical-align: middle;
    margin-right: 1rem;
}

.news-logo-icon-offset {
    transform: translateY(-2px);
}

.news-logo-icon-wide {
    width: 6rem;
    height: 2rem;
    vertical-align: middle;
    margin-right: 1rem;
    transform: translateY(-2px);
}

.clickable-card {
    cursor: pointer;
}