/* 
 * 云南震序律师事务所网站 - 团队成员详情页面响应式样式
 */

/* 平板设备样式 */
@media (max-width: 991px) {
    .team-detail-page {
        padding-bottom: 60px;
    }
    
    .team-profile {
        margin-bottom: 40px;
    }
    
    .team-profile-img {
        width: 250px;
        margin-right: 25px;
    }
    
    .team-profile-info h1 {
        font-size: 24px;
    }
    
    .team-details h2 {
        font-size: 20px;
    }
    
    .team-details-section {
        margin-bottom: 30px;
    }
}

/* 移动设备样式 */
@media (max-width: 768px) {
    /* 基础移动端样式 */
    .team-detail-page {
        padding-bottom: 50px;
    }
    
    .team-profile {
        flex-direction: column;
        margin-bottom: 30px;
    }
    
    .team-profile-img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        text-align: center;
    }
    
    .team-profile-img img {
        max-width: 250px;
    }
    
    .team-profile-info h1 {
        font-size: 22px;
    }
    
    .team-profile-position {
        font-size: 14px;
    }
    
    .team-details h2 {
        font-size: 18px;
    }
    
    /* 从team.html迁移的移动端样式 */
    /* 律师头部信息区适配 */
    .lawyer-header {
        height: auto !important;
        min-height: auto !important;
        margin-top: 20px !important;
        padding-bottom: 20px !important;
    }
    
    /* 照片移到顶部 */
    .lawyer-header .container {
        display: flex !important;
        flex-direction: column !important;
        padding-top: 0 !important;
    }
    
    .lawyer-header .container > div:first-child {
        position: relative !important;
        top: 0 !important;
        transform: none !important;
        width: 100% !important;
        padding: 5px 5px !important;
        order: 2 !important;
    }
    
    .lawyer-header .container > div:last-child {
        position: relative !important;
        width: 100% !important;
        bottom: auto !important;
        right: auto !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        order: 1 !important;
        padding: 0 15px !important;
    }
    
    .lawyer-header .container > div:last-child img {
        max-width: 65% !important;
        height: auto !important;
        margin: 60px auto 0 !important;
        display: block !important;
        border-radius: 5px !important;
    }
    
    /* 人名+英文居中 */
    /* .lawyer-header .container > div:first-child > div:first-child {
        text-align: center !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-end !important;
        justify-content: center !important;
        margin-bottom: 5px !important;
    } */
    
    /* .lawyer-header h1 {
        text-align: center !important;
        display: inline-block !important;
    } */
    
    /* .lawyer-header h1 + p {
        font-size: 18px !important;
        text-align: center !important;
        margin-left: 10px !important;
        margin-bottom: 0 !important;
        display: inline-block !important;
    } */
    
    /* .lawyer-header p {
        font-size: 18px !important;
        text-align: center !important;
    } */
    
    /* 分隔线调整 */
    .lawyer-header .container > div:first-child > div:nth-child(3) {
        width: 50% !important;
        max-width: 150px !important;
        margin: 0 auto 10px auto !important;
    }
    
    .lawyer-header div > h4 {
        text-align: center !important;
    }
    
    .lawyer-header a.return-btn {
        display: block !important;
        margin: 0 auto !important;
        width: 100px !important;
        height: 32px !important;
        line-height: 32px !important;
        text-align: center !important;
        padding: 0 !important;
        font-size: 14px !important;
    }
    
    /* 右侧竖排文字调整 */
    .lawyer-header .container > div:last-child div > div {
        writing-mode: horizontal-tb !important;
        position: static !important;
        transform: none !important;
        text-align: center !important;
        padding: 10px !important;
        margin-top: 15px !important;
        width: 100% !important;
    }
    
    /* 业务领域标题调整 */
    .lawyer-header .container > div:first-child > div:nth-child(4) {
        margin-bottom: 10px !important;
        text-align: center !important;
    }
    
    .lawyer-header .container > div:first-child > div:nth-child(4) h1 {
        font-size: 24px !important;
        margin-bottom: 8px !important;
        text-align: center !important;
        color: #F4AD03 !important;
    }
    
    .lawyer-header .container > div:first-child > div:nth-child(4) p {
        font-size: 20px !important;
        line-height: 1.4 !important;
        text-align: center !important;
        color: #000000 !important;
    }
    
    /* 联系方式调整 */
    .lawyer-header .container > div:first-child > div:nth-child(5) {
        margin-bottom: 10px !important;
        text-align: center !important;
    }
    
    .lawyer-header .container > div:first-child > div:nth-child(5) p {
        font-size: 14px !important;
        margin-bottom: 1px !important;
        line-height: 1.5 !important;
        text-align: center !important;
    }
    
    .lawyer-header .container > div:first-child > div:nth-child(5) p span {
        display: inline-block !important;
        font-weight: normal !important;
        font-size: 12px !important;
    }
    
    /* 业务详情文字调整 */
    .lawyer-header .container > div:first-child {
        text-align: center !important;
    }
    
    .lawyer-content .container > div > div > div > div {
        text-align: center !important;
    }
    
    /* 最后添加此业务详情特别样式 */
    .lawyer-header .container > div:first-child > div > p {
        text-align: center !important;
    }
    
    .lawyer-header .container > div:first-child > div:nth-child(1) ~ p {
        text-align: center !important;
        font-size: 14px !important;
        color: #000000 !important;
        line-height: 1.5 !important;
    }
    
    /* 律师详情内容区适配 */
    .lawyer-content {
        padding: 0 !important;
    }
    
    .content-wrapper {
        padding: 20px 20px 20px 15px !important;
        background-color: transparent !important;
        box-shadow: none !important;
    }
    
    .section {
        margin-bottom: 20px !important;
    }
    
    .section h3 {
        font-size: 24px !important;
        margin-bottom: 12px !important;
        padding-bottom: 5px !important;
    }
    
    .section div {
        font-size: 14px !important;
        line-height: 1.8 !important;
    }
    
    /* 直接修改特定样式 - 高优先级 */
    [style*="width: 512px; height: 1px; background-color: #000000"] {
        width: 100% !important;
        max-width: 250px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
    }
    
    /* 业务领域标题 */
    [style*="color: #F4AD03; font-size: 34px"] {
        text-align: center !important;
        font-size: 24px !important;
        display: block !important;
        width: 100% !important;
    }
    
    /* 业务详情内容 */
    [style*="font-size: 24.5px; line-height: 1.5"] {
        text-align: center !important;
        font-size: 44px !important;
        width: 100% !important;
        display: block !important;
    }
    
    /* 联系方式 */
    [style*="margin-bottom: 10px; font-size: 16px"] {
        font-size: 12px !important;
        margin-bottom: 1px !important;
        text-align: center !important;
        line-height: 1.2 !important;
    }
    
    [style*="margin-bottom: 10px; font-size: 16px"] span {
        font-size: 12px !important;
    }
    
    /* 联系方式容器 */
    [style*="margin-bottom: 40px"] {
        margin-bottom: 10px !important;
        text-align: center !important;
    }
    
    /* 类选择器版本的样式（适配后的HTML结构） */
    .lawyer-header .lawyer-name {
        text-align: center !important;
        display: block !important;
        margin-bottom: 15px !important;
    }
    
    .lawyer-header .divider {
        width: 50% !important;
        max-width: 150px !important;
        margin: 0 auto 10px auto !important;
    }
    
    .lawyer-header .business-area {
        margin-bottom: 10px !important;
        text-align: center !important;
    }
    
    .lawyer-header .business-area h1 {
        font-size: 24px !important;
        margin-bottom: 8px !important;
        text-align: center !important;
    }
    
    .lawyer-header .business-area p {
        font-size: 20px !important;
        line-height: 1.4 !important;
        text-align: center !important;
    }
    
    .lawyer-header .contact-info {
        margin-bottom: 10px !important;
        text-align: center !important;
    }
    
    .lawyer-header .contact-info p {
        font-size: 12px !important;
        margin-bottom: 1px !important;
        text-align: center !important;
        line-height: 1.2 !important;
    }
    
    .lawyer-header .lawyer-photo {
        position: relative !important;
        width: 100% !important;
        bottom: auto !important;
        right: auto !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 15px !important;
    }
    
    .lawyer-header .lawyer-photo img {
        max-width: 65% !important;
        height: auto !important;
        margin: 60px auto 0 !important;
        display: block !important;
        border-radius: 5px !important;
    }
    
    .lawyer-header .info-section {
        position: relative !important;
        top: 0 !important;
        width: 100% !important;
        padding: 15px 15px !important;
    }

    /* --- 律师详情页姓名样式调整 --- */
    .lawyer-name { /* 父容器 - 注意：这里的选择器优先级可能低于 .lawyer-header .lawyer-name */
        text-align: center !important; /* 确保整体居中 */
        margin-bottom: 10px !important; /* 调整与下方内容的间距 */
    }

    .lawyer-name h1 { /* 目标中文名 */
        font-size: 28px !important; /* 减小字体大小 */
        display: block !important; /* 强制换行 */
        margin-bottom: 14px !important; /* 增加与英文名的间距 */
        text-align: center !important;
    }

    .lawyer-name p { /* 目标英文名 */
        font-size: 16px !important; /* 保持或调整英文名大小 */
        display: block !important; /* 确保换行 */
        margin: 0 auto !important; /* 居中 */
        text-align: center !important;
        font-weight: normal !important; /* 可能需要调整字重 */
        line-height: 1.2 !important;
    }
}
