/* 全局变量，统一管理配色与动画，便于后期修改 */
        :root {
            --primary-blue: #000;
            --text-dark: #212529;
            --text-gray: #5a5a5a;
            --text-light-gray: #868686;
            --bg-light: #fff;
            --white: #ffffff;
            --base-transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            --fade-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);
        }  
  /* 通用滚动入场动画类 */
        .fade-in-up {
            opacity: 0;
            transform: translateY(30px);
            transition: var(--fade-transition);
        }
		.fade-in-up .service-title{font-size: 1.8rem;
    font-weight: 600;
    color: var(--primary-blue);
    margin-bottom: 1rem;
    line-height: 1.6;}
        .fade-in-up.active {
            opacity: 1;
            transform: translateY(0);
        }
        /* 动画延迟层级，实现依次入场效果 */
        .delay-100 { transition-delay: 0.1s; }
        .delay-200 { transition-delay: 0.2s; }
        .delay-300 { transition-delay: 0.3s; }
        .delay-400 { transition-delay: 0.4s; }

        /* 内容容器通用样式，控制最大宽度与居中 */
        .container {
            max-width: 1440px;
            margin: 0 auto;
            padding: 0 2rem;
        }
		.pos{width:1440px;margin:0 auto;padding:0 40px}

        /* 顶部Banner区域 */
        .top-banner {
            width: 100%;
            height: 420px;
            background: url('../images/about_bg.jpg') center center/cover no-repeat;
            position: relative;
            display: flex;
            align-items: flex-end;
            padding-bottom: 4rem;
        }
        .top-banner::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.25);
        }
        .banner-title {
            position: relative;
            z-index: 1;
            color: var(--white);
            font-size: clamp(2rem, 5vw, 2.5rem);
            font-weight: 700;
            letter-spacing: 2px;
        }

        /* 两栏布局通用样式 */
        .two-column-layout {
            padding: 5rem 0;
            display: flex;
            gap: 4rem;
            align-items: center;
            flex-wrap: wrap;
        }
        .column-left, .column-right {
            flex: 1;
            min-width: 320px;
        }

        /* 视频封面模块 */
        .video-box {
            position: relative;
            width: 100%;
            border-radius: 12px;
            overflow: hidden;
        }
        .video-cover-img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.6s ease;
        }
        .video-box:hover .video-cover-img {
            transform: scale(1.03);
        }
        .play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 60px;
            height: 60px;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 2;
            animation: breathe 2s infinite ease-in-out;
        }
        .play-button::after {
            content: '';
            width: 0;
            height: 0;
            border-left: 16px solid var(--primary-blue);
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        /* 播放按钮呼吸动画 */
        @keyframes breathe {
            0%, 100% { 
                transform: translate(-50%, -50%) scale(1); 
                box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); 
            }
            50% { 
                transform: translate(-50%, -50%) scale(1.05); 
                box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); 
            }
        }

        /* 律所理念文本模块 */
        .concept-content .tag {
            font-size: 1.2rem;
            color: var(--text-light-gray);
            margin-bottom: 0.5rem;
            display: block;
        }
        .concept-content .main-title {
            font-size: 1.8rem;
            font-weight: 600;
            color: var(--primary-blue);
            margin-bottom: 1rem;
        }
        .concept-content .sub-title {
            font-size: 1.15rem;
            font-weight: 600;
            color: var(--primary-blue);
            margin: 1.5rem 0 0.8rem;
        }
        .concept-content p {
            color: var(--text-gray);
            font-size: 1rem;
            line-height: 1.8;
        }

        /* 浅背景发展历程模块 */
        .light-bg-section {
            padding: 5rem 0;
        }
        .development-content .title {
            font-size: 1.8rem;
            font-weight: 600;
            color: var(--primary-blue);
            margin-bottom: 1rem;
            line-height: 1.6;
        }
        .development-content p {
            color: var(--text-gray);
            font-size: 1rem;
            line-height: 1.8;
            margin-bottom: 1rem;
        }
        .committee-img-box {
            width: 100%;
            border-radius: 12px;
            overflow: hidden;
        }
        .committee-img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.6s ease;
        }
        .committee-img-box:hover .committee-img {
            transform: scale(1.03);
        }

        /* 法律服务介绍模块 */
        .service-section {
    padding-bottom: 3rem;
}
        }
        .service-title {
            font-size: 1.2rem;
            font-weight: 600;
            color: var(--primary-blue);
            margin-bottom: 1rem;
            max-width: 280px;
            line-height: 1.6;
        }
        .service-desc {
            color: var(--text-gray);
            font-size: 0.95rem;
            line-height: 1.8;
            margin-bottom: 2rem;
        }

        /* Tab切换核心模块 */
        .tab-section {
            padding-bottom: 5rem;
        }
        .tab-container {
            background-color: var(--bg-light);
            border-radius: 12px;
            padding: 3rem;
            display: flex;
            gap: 3rem;
            flex-wrap: wrap;
			width:100%;
        }
        /* 左侧Tab菜单 */
        .tab-menu {
            flex: 0 0 240px;
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }
        .tab-item {
            padding: 1rem 0;
            border-bottom: 1px solid #e0e0e0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;
            transition: var(--base-transition);
            color: var(--text-gray);
            font-weight: 500;
        }
        .tab-item .arrow {
            opacity: 0;
            transform: translateX(-10px);
            transition: var(--base-transition);
            color: var(--primary-blue);
        }
        .tab-item:hover {
            color: var(--primary-blue);
        }
        .tab-item.active {
            color: var(--primary-blue);
            border-bottom-color: var(--primary-blue);
        }
        .tab-item.active .arrow {
            opacity: 1;
            transform: translateX(0);
        }
        /* 右侧Tab内容区 */
        .tab-content-wrap {
            flex: 1;
            min-width: 320px;
            position: relative;
            min-height: 300px;
        }
        .tab-content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            opacity: 0;
            transform: translateX(20px);
            transition: var(--fade-transition);
            pointer-events: none;
        }
        .tab-content.active {
            opacity: 1;
            transform: translateX(0);
            pointer-events: auto;
            position: relative;
        }
        .tab-content .content-title {
            font-size: 1.15rem;
            font-weight: 600;
            color: var(--primary-blue);
            margin-bottom: 1rem;
        }
        .tab-content p {
            color: var(--text-gray);
            font-size: 0.95rem;
            line-height: 1.8;
            margin-bottom: 1rem;
        }

        /* 移动端响应式适配 */
        @media (max-width: 768px) {
            .top-banner {
                height: 220px;
                padding-bottom: 2rem;
            }
            .banner-title {
                font-size: 1.8rem;
            }
            .two-column-layout {
                padding: 3rem 0;
                gap: 2rem;
            }
            .light-bg-section, .service-section {
            }
            .tab-container {
                padding: 2rem 1.5rem;
                gap: 2rem;
            }
			.pos{padding:0 14px}
			.tab-content{width:90%}
            /* 移动端Tab菜单改为横向滚动 */
            .tab-menu {
                flex: 0 0 100%;
                flex-direction: row;
                overflow-x: auto;
                gap: 1.5rem;
                padding-bottom: 0.5rem;
                -ms-overflow-style: none;
                scrollbar-width: none;
            }
            .tab-menu::-webkit-scrollbar {
                display: none;
            }
            .tab-item {
                flex-shrink: 0;
                padding: 0.5rem 0;
                border-bottom: 2px solid transparent;
            }
            .tab-item .arrow {
                display: none;
            }
            /* 移动端按钮尺寸适配 */
            .play-button {
                width: 50px;
                height: 50px;
            }
            .play-button::after {
                border-left-width: 12px;
                border-top-width: 8px;
                border-bottom-width: 8px;
            }
        }