.page-about-us .br-about-hero {
     height: 200px;
 }
 .page-about-us .br-about-hero-media {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 .page-about-us .br-about-hero-overlay {
     background: rgba(0,0,0,0.35);
 }
 .page-about-us .br-about-hero-title {
     color: #ffffff;
     text-shadow: 0 2px 12px rgba(0,0,0,0.5);
 }
 .page-about-us .br-about-hero-content {
     height: 100%;
 }
 .page-about-us .br-about-section {
     max-width: 1200px;
     margin: 0 auto;
     padding: 64px 24px;
 }
 .page-about-us .prose {
     color: #374151;
     max-width: none;
 }
 .page-about-us .prose p {
     margin-top: 1.25em;
     margin-bottom: 1.25em;
     line-height: 1.75;
 }
 .page-about-us .prose a {
     color: #2563eb;
     text-decoration: underline;
     font-weight: 500;
 }
 .page-about-us .prose h2 {
     color: #111827;
     font-weight: 700;
     font-size: 1.5em;
     margin-top: 2em;
     margin-bottom: 1em;
     line-height: 1.3333333;
 }
 .page-about-us .prose h3 {
     color: #111827;
     font-weight: 600;
     font-size: 1.25em;
     margin-top: 1.6em;
     margin-bottom: 0.6em;
     line-height: 1.6;
 }
 .page-about-us .br-about-contact ul li span {
     color: #111827;
 }

 /* Accordion Section */
 .br-about-accordion-section {
     width: 100%;
     background-color: #000;
     overflow: hidden;
 }

 .br-about-accordion-container {
     display: flex;
     width: 100%;
     height: 500px;
 }

 .br-accordion-item {
     position: relative;
     flex: 1;
     overflow: hidden;
     transition: flex 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
     cursor: pointer;
 }

 .br-accordion-item:hover {
     flex: 3;
 }

 .br-accordion-bg {
     position: absolute;
     inset: 0;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     transition: transform 0.8s ease;
 }

 .br-accordion-item:hover .br-accordion-bg {
     transform: scale(1.05);
 }

 .br-accordion-overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.1) 100%);
     opacity: 0.8;
     transition: opacity 0.5s ease;
 }

 .br-accordion-item:hover .br-accordion-overlay {
     opacity: 0.6;
 }

 .br-accordion-content {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     padding: 40px;
     color: white;
     text-align: center;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: flex-end;
     height: 100%;
 }

 .br-accordion-content h3 {
     font-size: 2rem;
     font-weight: 700;
     margin-bottom: 16px;
     letter-spacing: 0.05em;
     text-shadow: 0 2px 4px rgba(0,0,0,0.5);
     white-space: nowrap;
     transition: margin-bottom 0.5s ease;
 }

 .br-accordion-content p {
     font-size: 0.95rem;
     line-height: 1.6;
     max-width: 400px;
     opacity: 0;
     transform: translateY(20px);
     transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
     text-shadow: 0 1px 3px rgba(0,0,0,0.8);
     /* 默认截断隐藏 */
     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }

 .br-accordion-item:hover .br-accordion-content h3 {
     margin-bottom: 20px;
 }

 .br-accordion-item:hover .br-accordion-content p {
     opacity: 1;
     transform: translateY(0);
     transition-delay: 0.1s;
 }

 @media (max-width: 767.98px) {
     .page-about-us .br-about-hero {
         height: 180px;
     }
     .page-about-us .br-about-section {
         padding: 40px 16px;
     }
     .br-about-accordion-container {
         flex-direction: column;
         height: 800px;
     }
     .br-accordion-item:hover {
         flex: 2;
     }
     .br-accordion-content {
         padding: 20px;
     }
     .br-accordion-content h3 {
         font-size: 1.5rem;
         margin-bottom: 8px;
     }
 }