/* 默认隐藏侧边栏 (PC端不显示) */
.side-menu {
    display: none;
}

/* ============================
   Office 页面样式
   ============================ */

.page-office {
    margin-top: var(--nav-height);
    min-height: 100vh;
}

.office-container {
    max-width: 1000px; /* 限制宽度 */
    margin: 0 auto;
    padding: 80px 40px;
    animation: fadeIn 0.8s ease-out;
}

/* 分区标题 */
.section-header {
    font-size: 14px;
    
    /* 🔴 修改：改为 Regular 400 */
    font-weight: 400;
    
    /* 🔴 新增：字体族与黑色 */
    font-family: 'Raleway', 'Noto Sans SC', sans-serif;
    color: #000;
    
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 1px solid #000; /* 黑线分隔 */
    padding-bottom: 15px;
    margin-bottom: 60px;
}

/* --- 合伙人卡片 --- */
.partner-card {
    display: flex; /* 左图右文 */
    gap: 60px;
    margin-bottom: 80px;
    align-items: flex-start;
}

.partner-img {
    width: 240px; 
    height: 300px;
    flex-shrink: 0;
    overflow: hidden;
    background: #f0f0f0;
}

.partner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.partner-info {
    padding-top: 20px;
}

.partner-info h3 {
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
    
    /* 🔴 修改：名字改为 Light 300 + 黑色 + 字体 */
    font-weight: 300;
    color: #000;
    font-family: 'Raleway', 'Noto Sans SC', sans-serif;
}

.partner-info h4 {
    font-size: 14px;
    
    /* 🔴 修改：头衔改为 Light 300 + 黑色 + 字体 */
    color: #000;
    font-weight: 300;
    font-family: 'Raleway', 'Noto Sans SC', sans-serif;
    
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.partner-info p {
    font-size: 15px;
    margin-top: 30px;
    line-height: 2; /* 宽松的行高 */
    
    /* 🔴 修改：正文改为 Light 300 + 黑色 + 字体 */
    color: #000;
    font-weight: 300;
    font-family: 'Raleway', 'Noto Sans SC', sans-serif;
}

/* --- 团队网格 --- */
.team-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 一行两张大图 */
    gap: 20px;
}

.team-grid img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}

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

/* ============================
   移动端适配 
   ============================ */
@media screen and (max-width: 768px) {
    
    .office-container {
        padding: 20px 20px 40px 20px; 
        border-top: none; 
        margin-top: 10px; 
        padding-top: 40px; 
        display: block; 
    }

    /* 隐藏多余元素 */
    .side-menu { display: none !important; }
    #partners, #team { scroll-margin-top: 80px; }

     /* Team 标题 */
    .section-header { 
        display: block !important;  /* 强制显示 */
        border-bottom: none;        /* 去掉PC端的下划线(因为用grid的上边框做线) */
        
        /* 间距控制 */
        margin-top: 60px !important;    /* 距离上方合伙人列表的距离 */
        margin-bottom: 5px !important;  /* 距离下方黑线的距离 */
        padding-bottom: 0;
        
        /* 字体样式 */
        text-align: left;
        font-size: 14px;
        font-family: 'Raleway', 'Noto Sans SC', sans-serif;
        font-weight: 400;
        color: #000;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    /* === 合伙人列表 === */
    .partners-list { 
        width: 100%; 
        margin-bottom: 40px;
    }
    
    /* 1. 卡片容器 */
    .partner-card {
        display: block;        
        position: relative;    
        margin-bottom: 60px;   /* 卡片之间的距离 */
        overflow: hidden;      /* 清除浮动 */
    }

    /* 2. 图片 (左浮动) */
    .partner-img { 
        float: left;           /* 🔴 改为左边 */
        width: 40%;            /* 图片宽度占比 */
        max-width: 140px;      
        aspect-ratio: 3/4;     
        height: auto;

        /* =========== 🔴 图片留白控制 (上-右-下-左) =========== */
        margin-top:    0px;    /* 图片距离顶部 */
        margin-right:  20px;   /* 图片距离右边文字 */
        margin-bottom: 5px;    /* 图片距离下方内容 */
        margin-left:   0px;    /* 图片距离左边屏幕 */
    }
    
    .partner-info { 
        display: block; 
    }
    
    /* 3. 名字 (H3) - 在图片右侧 */
    .partner-info h3 { 
        font-size: 20px; 
        font-family: 'Raleway', 'Noto Sans SC', sans-serif;
        font-weight: 400; 
        color: #000;
        line-height: 1.4;
        
        /* 防止名字太长钻到图片下面去 (可选) */
        /* max-width: 60%; */

        /* =========== 🔴 名字留白控制 (上-右-下-左) =========== */
        margin-top:    0px;    /* 名字距离顶部 */
        margin-right:  0px;    
        margin-bottom: 10px;   /* 名字距离下方头衔 */
        margin-left:   0px;    
    }
    
    /* 4. 头衔 (H4) - 在图片右侧 */
    .partner-info h4 { 
        font-size: 13px; 
        font-family: 'Raleway', 'Noto Sans SC', sans-serif;
        font-weight: 300; 
        color: #000;
        line-height: 1.4;
        opacity: 0.8; 

        /* =========== 🔴 头衔留白控制 (上-右-下-左) =========== */
        margin-top:    0px;    
        margin-right:  0px;
        margin-bottom: 5px;    /* 每一行头衔之间的距离 */
        margin-left:   0px;
    }
    
    /* 5. 简介 (P) - 强制换行到下方 */
    .partner-info p { 
        clear: both;           /* 关键：强制排到图片下方 */
        
        font-size: 14px; 
        line-height: 1.8; 
        font-family: 'Raleway', 'Noto Sans SC', sans-serif;
        font-weight: 300; 
        color: #000;
        text-align: justify; 

        /* =========== 🔴 简介留白控制 (上-右-下-左) =========== */
        margin-top:    100px;   /* 简介距离上方(头衔底部)的距离 */
        margin-right:  0px;    
        margin-bottom: 0px;    
        margin-left:   0px;    
    }

    /* 团队照片区域  */
    .team-grid {
        /* 黑线：作为 Team 标题下方的分割线 */
        border-top: 1px solid #000; 
        
        padding-top: 20px;          /* 照片距离黑线的距离 */
        margin-top: 0px !important; /* 紧贴上方标题 */
        
        /* 网格布局 */
        display: grid;
        grid-template-columns: 1fr; 
        gap: 15px;
        margin-bottom: 100px; 
    }
}