/* 响应式布局样式 */

/* 大型桌面设备 (1200px以上) */
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
    
    .hero-title {
        font-size: 4.5rem;
    }
}

/* 桌面设备 (992px - 1199px) */
@media (max-width: 1199px) {
    .container {
        max-width: 960px;
    }
    
    .hero-title {
        font-size: 3.5rem;
    }
    
    .hero-subtitle {
        font-size: 1.3rem;
    }
    
    .section-header h2 {
        font-size: 2.2rem;
    }
    
    .feature-card,
    .area-card {
        padding: 30px 20px;
    }
    
    .feature-icon,
    .area-icon,
    .contact-icon {
        width: 60px;
        height: 60px;
    }
    
    .feature-icon .icon-svg,
    .area-icon .icon-svg,
    .contact-icon .icon-svg {
        width: 30px;
        height: 30px;
    }
}

/* 平板设备 (768px - 991px) */
@media (max-width: 991px) {
    .container {
        max-width: 720px;
    }
    
    .hero-title {
        font-size: 3rem;
    }
    
    .hero-subtitle {
        font-size: 1.2rem;
        margin-bottom: 30px;
    }
    
    .section-header h2 {
        font-size: 2rem;
    }
    
    .intro-grid,
    .research-content {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .intro-image,
    .research-image {
        order: -1;
    }
    
    .features-grid,
    .areas-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .research-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .research-item {
        padding: 30px;
    }
    
    .research-icon {
        width: 70px;
        height: 70px;
    }
    
    .research-icon .icon-svg {
        width: 35px;
        height: 35px;
    }
    
    /* 科研与形态页面特定样式 */
    .research-areas .research-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .research-areas .research-item {
        padding: 30px;
    }
    
    .works-grid,
    .gallery-grid,
    .related-works-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .filter-controls {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .filter-tab {
        margin-bottom: 10px;
    }
    
    .work-item:hover {
        transform: translateY(-5px);
    }
    
    .credits-list {
        grid-template-columns: 1fr;
    }
    
    .news-grid {
        grid-template-columns: 1fr;
    }
    
    .footer-content {
        flex-direction: column;
        gap: 40px;
    }
    
    .footer-links {
        flex-wrap: wrap;
        gap: 40px 20px;
    }
    
    .labs-grid,
    .projects-grid {
        grid-template-columns: 1fr;
    }
    
    .leadership-grid,
    .researchers-grid,
    .artists-grid,
    .technical-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .contact-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .timeline-item {
        flex-direction: column;
        gap: 15px;
    }
    
    .timeline-date {
        flex: none;
        text-align: left;
        padding-top: 0;
    }
    
    .contact-form {
        grid-template-columns: 1fr;
    }
    
    .form-group.full-width {
        grid-column: span 1;
    }
    
    .work-meta {
        flex-direction: column;
        gap: 15px;
    }
    
    .work-title {
        font-size: 2rem;
    }
    
    .section-title {
        font-size: 1.5rem;
    }
}

/* 大型手机设备 (576px - 767px) */
@media (max-width: 767px) {
    .container {
        max-width: 540px;
    }
    
    header {
        padding: 0 20px;
    }
    
    .logo-img {
        height: 30px;
    }
    
    /* 显示汉堡菜单按钮 */
    .menu-toggle {
        display: flex;
        z-index: 101;
    }
    
    /* 汉堡菜单按钮激活状态 */
    .menu-toggle.active span:nth-child(1) {
        transform: translateY(9px) rotate(45deg);
    }
    
    .menu-toggle.active span:nth-child(2) {
        opacity: 0;
    }
    
    .menu-toggle.active span:nth-child(3) {
        transform: translateY(-9px) rotate(-45deg);
    }
    
    /* 隐藏导航链接 */
    .nav-links {
        display: none;
        position: absolute;
        top: var(--header-height);
        left: 0;
        width: 100%;
        flex-direction: column;
        background-color: rgba(18, 18, 18, 0.95);
        padding: 20px;
        gap: 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        z-index: 100;
    }
    
    /* 确保移动端菜单中的链接文字为白色 */
    .nav-links a {
        color: var(--light-color) !important;
    }
    
    /* 当菜单打开时显示导航链接 */
    .nav-links.active {
        display: flex;
    }
    
    .logo-text h1 {
        font-size: 1rem;
    }
    
    .hero-title {
        font-size: 2.5rem;
    }
    
    .hero-subtitle {
        font-size: 1.1rem;
        margin-bottom: 25px;
    }
    
    .research-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .research-item {
        padding: 25px;
        text-align: center;
    }
    
    .research-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 15px;
    }
    
    .research-icon .icon-svg {
        width: 30px;
        height: 30px;
    }
    
    .research-item h3 {
        font-size: 1.3rem;
        margin-bottom: 10px;
    }
    
    .research-item p {
        font-size: 0.95rem;
        line-height: 1.5;
    }
    
    /* 科研与形态页面特定样式 */
    .research-areas .research-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .research-areas .research-item {
        padding: 25px;
        text-align: center;
    }
    
    .research-areas .research-item h3 {
        font-size: 1.3rem;
        margin-bottom: 10px;
    }
    
    .research-areas .research-item p {
        font-size: 0.95rem;
        line-height: 1.5;
    }
    
    .hero-buttons {
        flex-direction: column;
        gap: 15px;
    }
    
    .section-header h2 {
        font-size: 1.8rem;
    }
    
    .section-header p {
        font-size: 1rem;
    }
    
    .features-grid,
    .areas-grid,
    .labs-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .lab-item {
        margin-bottom: 20px;
    }
    
    .lab-content {
        padding: 25px;
    }
    
    .lab-item h3 {
        font-size: 1.3rem;
        margin-bottom: 10px;
    }
    
    .lab-item p {
        font-size: 0.95rem;
        line-height: 1.5;
    }
    
    .works-grid,
    .gallery-grid,
    .related-works-grid {
        grid-template-columns: 1fr;
    }
    
    .work-image {
        height: 200px;
    }
    
    .work-detail-header {
        padding: 40px 0;
    }
    
    .work-detail-content {
        padding: 40px 0;
    }
    
    .work-cta h2 {
        font-size: 1.5rem;
    }
    
    .leadership-grid,
    .researchers-grid,
    .artists-grid,
    .technical-grid {
        grid-template-columns: 1fr;
    }
    
    .contact-grid {
        grid-template-columns: 1fr;
    }
    
    .timeline-content {
        flex-direction: column;
    }
    
    .news-image {
        flex: none;
        height: 200px;
    }
    
    .newsletter-form {
        flex-direction: column;
        gap: 15px;
    }
    
    .newsletter-form input {
        border-radius: var(--border-radius-medium);
    }
    
    .newsletter-form .btn {
        border-radius: var(--border-radius-medium);
        width: 100%;
    }
    
    .contact-form-container {
        padding: 30px 20px;
    }
    
    .job-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

/* 小型手机设备 (575px以下) */
@media (max-width: 575px) {
    .container {
        padding: 0 15px;
    }
    
    .hero-title {
        font-size: 2rem;
    }
    
    .hero-subtitle {
        font-size: 1rem;
        margin-bottom: 20px;
    }
    
    .lab-content {
        padding: 20px;
    }
    
    .lab-item h3 {
        font-size: 1.2rem;
        margin-bottom: 8px;
    }
    
    .lab-item p {
        font-size: 0.9rem;
        line-height: 1.4;
    }
    
    .btn {
        padding: 10px 20px;
        font-size: 0.9rem;
    }
    
    .section-header h2 {
        font-size: 1.6rem;
    }
    
    .page-header h1 {
        font-size: 2rem;
    }
    
    .page-header p {
        font-size: 1rem;
    }
    
    .research-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .research-item {
        padding: 15px;
    }
    
    .research-item h3 {
        font-size: 1.2rem;
        margin-bottom: 8px;
    }
    
    .research-item p {
        font-size: 0.9rem;
        line-height: 1.4;
    }
    
    .research-icon {
        width: 40px;
        height: 40px;
        margin-bottom: 10px;
    }
    
    .research-icon .icon-svg {
        width: 20px;
        height: 20px;
    }
    
    /* 科研与形态页面特定样式 */
    .research-areas .research-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .research-areas .research-item {
        padding: 20px;
    }
    
    .research-areas .research-item h3 {
        font-size: 1.2rem;
        margin-bottom: 8px;
    }
    
    .research-areas .research-item p {
        font-size: 0.9rem;
        line-height: 1.4;
    }
    
    .filter-tabs {
        gap: 10px;
    }
    
    .filter-tab {
        padding: 8px 15px;
        font-size: 0.9rem;
    }
    
    .labs-grid {
        gap: 15px;
    }
    
    .lab-content {
        padding: 15px;
    }
    
    .lab-item h3 {
        font-size: 1.1rem;
        margin-bottom: 6px;
    }
    
    .lab-item p {
        font-size: 0.85rem;
        line-height: 1.3;
        margin-bottom: 10px;
    }
    
    .pagination-controls {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .cta-content h2 {
        font-size: 1.8rem;
    }
    
    .footer-links {
        flex-direction: column;
        gap: 30px;
    }
    
    .job-details {
        padding: 20px;
    }
    
    .collaboration-content,
    .internship-content {
        padding: 25px 20px;
    }
}

/* 超小型手机设备 (375px以下) */
@media (max-width: 375px) {
    .hero-title {
        font-size: 1.8rem;
    }
    
    .section-header h2 {
        font-size: 1.5rem;
    }
    
    .page-header h1 {
        font-size: 1.8rem;
    }
    
    .research-item {
        padding: 12px;
    }
    
    .research-item h3 {
        font-size: 1.1rem;
        margin-bottom: 6px;
    }
    
    .research-item p {
        font-size: 0.85rem;
        line-height: 1.3;
    }
    
    .research-icon {
        width: 35px;
        height: 35px;
        margin-bottom: 8px;
    }
    
    .research-icon .icon-svg {
        width: 18px;
        height: 18px;
    }
    
    /* 科研与形态页面特定样式 */
    .research-areas .research-item {
        padding: 15px;
    }
    
    .research-areas .research-item h3 {
        font-size: 1.1rem;
        margin-bottom: 6px;
    }
    
    .research-areas .research-item p {
        font-size: 0.85rem;
        line-height: 1.3;
    }
    
    .research-areas .research-icon {
        width: 35px;
        height: 35px;
        margin-bottom: 8px;
    }
    
    .work-item-title,
    .news-title,
    .project-title,
    .lab-title {
        font-size: 1.2rem;
    }
    
    .member-info h3 {
        font-size: 1.3rem;
    }
}

/* 打印样式 */
@media print {
    header,
    footer,
    .cta-section,
    .newsletter,
    .language-switch,
    .menu-toggle,
    .btn {
        display: none !important;
    }
    
    body {
        font-size: 12pt;
        line-height: 1.5;
        color: #000;
        background: #fff;
    }
    
    a {
        text-decoration: underline;
        color: #000;
    }
    
    main {
        padding-top: 0;
    }
    
    .container {
        max-width: 100%;
        padding: 0;
    }
    
    .page-header {
        background: none !important;
        color: #000;
        padding: 20px 0;
    }
    
    .page-header h1 {
        color: #000 !important;
        background: none !important;
    }
    
    img {
        max-width: 100% !important;
        page-break-inside: avoid;
    }
    
    h2, h3, h4 {
        page-break-after: avoid;
    }
    
    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }
}