.elementor-125370 .elementor-element.elementor-element-3cd1fb7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-125370 .elementor-element.elementor-element-213f275{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-125370 .elementor-element.elementor-element-bafa29e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-125370 .elementor-element.elementor-element-33ef2d3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-125370 .elementor-element.elementor-element-aa3edd8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-125370 .elementor-element.elementor-element-9e2d5c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-125370 .elementor-element.elementor-element-107aeda{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-125370 .elementor-element.elementor-element-30c3789{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-125370 .elementor-element.elementor-element-8d8d6db{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-125370 .elementor-element.elementor-element-107aeda{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-125370 .elementor-element.elementor-element-aa3edd8{--content-width:1242px;}.elementor-125370 .elementor-element.elementor-element-30c3789{--content-width:1600px;}}@media(max-width:767px){.elementor-125370 .elementor-element.elementor-element-107aeda{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for shortcode, class: .elementor-element-4d3bf9a */<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中药三化研究院 - 专家团队</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
            line-height: 1.6;
            color: #333;
        }
        
        .research-institute-section {
            padding: 40px 20px;
            background-color: #fff;
        }
        
        .research-institute-container {
            max-width: 1400px; /* 增加最大宽度以容纳12列 */
            margin: 0 auto;
            border: 5px solid #d4af37;
            padding: 20px;
            position: relative;
        }
        
        .research-institute-title h2 {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 15px;
        }
        
        .research-institute-description {
            font-size: 16px;
            line-height: 1.6;
            margin-bottom: 30px;
        }
        
        .research-team-display {
            display: flex;
            gap: 20px;
        }
        
        .featured-researcher {
            width: 150px; /* 缩小院长区域宽度 */
            flex-shrink: 0;
        }
        
        .featured-researcher-content {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        
        .featured-researcher-photo {
            width: 120px; /* 从150px缩小到120px */
            height: 120px; /* 从150px缩小到120px */
            border-radius: 50%;
            border: 2px solid #d4af37;
            overflow: hidden;
            margin-bottom: 15px;
        }
        
        .featured-researcher-photo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .featured-researcher h3 {
            font-size: 18px; /* 稍微缩小字体 */
            font-weight: bold;
            margin-bottom: 5px;
            text-align: center;
        }
        
        .featured-researcher-info {
            text-align: center;
            color: #d97706;
            margin-bottom: 15px;
        }
        
        .featured-researcher-info p {
            margin: 0;
            font-size: 12px; /* 缩小字体 */
            color: #d97706;
        }
        
        .researchers-grid {
            flex-grow: 1;
        }
        
        .researchers-row {
            display: grid;
            grid-template-columns: repeat(12, 1fr); /* 改为12列 */
            gap: 10px; /* 缩小间距 */
            margin-bottom: 10px; /* 缩小行间距 */
        }
        
        .researcher-card {
            display: flex;
            flex-direction: column;
            align-items: center;
            cursor: pointer;
            transition: transform 0.2s ease;
        }
        
        .researcher-card:hover {
            transform: scale(1.05);
        }
        
        .researcher-photo {
            width: 70px; /* 缩小照片尺寸 */
            height: 70px; /* 缩小照片尺寸 */
            overflow: hidden;
            margin-bottom: 3px;
            border-radius: 50%; /* 添加圆形边框 */
        }
        
        .researcher-photo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .researcher-card h4 {
            font-size: 10px; /* 缩小字体 */
            font-weight: bold;
            margin: 0;
            text-align: center;
            margin-bottom: 2px;
        }
        
        .researcher-card p {
            font-size: 8px; /* 缩小字体 */
            margin: 0;
            text-align: center;
            color: #d97706;
            line-height: 1.2;
        }
        
        /* 响应式设计 */
        @media (max-width: 1400px) {
            .researchers-row {
                grid-template-columns: repeat(10, 1fr); /* 中等屏幕10列 */
            }
        }
        
        @media (max-width: 1200px) {
            .researchers-row {
                grid-template-columns: repeat(8, 1fr); /* 平板8列 */
            }
            
            .research-team-display {
                flex-direction: column;
            }
            
            .featured-researcher {
                width: 100%;
                margin-bottom: 30px;
                display: flex;
                justify-content: center;
            }
        }
        
        @media (max-width: 900px) {
            .researchers-row {
                grid-template-columns: repeat(6, 1fr); /* 小平板6列 */
            }
        }
        
        @media (max-width: 768px) {
            .researchers-row {
                grid-template-columns: repeat(4, 1fr); /* 手机4列 */
            }
            
            .researcher-photo {
                width: 60px;
                height: 60px;
            }
        }
        
        @media (max-width: 480px) {
            .researchers-row {
                grid-template-columns: repeat(3, 1fr); /* 小屏手机3列 */
            }
            
            .researcher-photo {
                width: 50px;
                height: 50px;
            }
            
            .researcher-card h4 {
                font-size: 9px;
            }
            
            .researcher-card p {
                font-size: 7px;
            }
        }
    </style>
</head>
<body>
    <?php
    // 检查是否在WordPress环境中
    if (function_exists('do_shortcode')) {
        // 在WordPress中，使用短代码显示动态内容
        echo do_shortcode('[research_team]');
    } else {
        // 不在WordPress环境中，显示提示信息
        echo '<section class="research-institute-section">
                <div class="research-institute-container">
                    <h2 style="text-align: center; color: #d4af37;">中药三化研究院</h2>
                    <p style="text-align: center; margin: 20px 0; color: #666;">
                        此页面需要在WordPress环境中使用研究院人物管理器插件才能正常显示专家信息。
                    </p>
                    <p style="text-align: center; font-size: 14px; color: #999;">
                        请确保已安装并激活"研究院人物管理器"插件，并添加了专家数据。<br/>
                        使用短代码: [research_team]
                    </p>
                </div>
              </section>';
    }
    ?>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const researcherCards = document.querySelectorAll('.researcher-card');
            
            researcherCards.forEach(card => {
                card.addEventListener('click', function() {
                    this.style.transform = 'scale(1.1)';
                    setTimeout(() => {
                        this.style.transform = 'scale(1)';
                    }, 200);
                });
            });
        });
    </script>
</body>
</html>/* End custom CSS */