:root {
     --primary: #2c3e50;
     --secondary: #1a6b6e;
     --accent: #3498db;
     --light: #f8f9fa;
     --dark: #212529;
     --success: #28a745;
 }
 
 .teacher-container {
     font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
     line-height: 1.8;
     color: var(--dark);
     max-width: 1200px;
     margin: 0 auto;
     padding: 20px;
     background-color: #fff;
 }
 
 .teacher-header {
     text-align: center;
     margin-bottom: 40px;
     padding: 40px 0;
     background: var(--primary);
     color: white;
     border-radius: 8px;
     background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('/images/pictures/teacherWithStudents.jpg');
     background-size: cover;
     background-position: center;
 }
 
 /* CSS Reset (minimal version) */
h1, h2, h3, h4, h5, h6, header {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
}
 h1 {
     font-size: 2.5em;
     margin-bottom: 15px;
     font-weight: 600;
 }
 
 h2 {
     color: var(--secondary);
     font-size: 1.8em;
     margin: 40px 0 20px;
     padding-bottom: 10px;
     border-bottom: 2px solid var(--light);
 }
 
 h3 {
     color: var(--primary);
     font-size: 1.4em;
     margin: 30px 0 15px;
 }
 
 .faculty-section {
     margin-bottom: 50px;
 }
 
 .faculty-card {
     background: var(--light);
     border-radius: 8px;
     padding: 30px;
     margin-bottom: 30px;
     box-shadow: 0 2px 10px rgba(0,0,0,0.05);
     display: flex;
     flex-wrap: wrap;
 }
 
 .faculty-photo {
     flex: 0 0 250px;
     margin-right: 30px;
     margin-bottom: 20px;
 }
 
 .faculty-photo img {
     width: 100%;
     border-radius: 8px;
     object-fit: cover;
     height: 300px;
     box-shadow: 0 4px 8px rgba(0,0,0,0.1);
 }
 
 .faculty-info {
     flex: 1;
     min-width: 300px;
 }
 
 .faculty-name {
     font-size: 1.5em;
     color: var(--primary);
     margin-bottom: 10px;
     font-weight: 600;
 }
 
 .faculty-title {
     color: var(--secondary);
     font-weight: 500;
     margin-bottom: 15px;
 }
 
 .faculty-bio {
     margin-bottom: 20px;
 }
 
 .faculty-highlights {
     background: white;
     padding: 20px;
     border-radius: 6px;
     margin-top: 20px;
 }
 
 .highlight-item {
     display: flex;
     margin-bottom: 10px;
 }
 
 .highlight-icon {
     color: var(--success);
     margin-right: 10px;
     font-weight: bold;
 }
 
 .language-toggle {
     text-align: center;
     margin: 20px 0;
 }
 
 .toggle-btn {
     padding: 8px 20px;
     background: var(--light);
     border: none;
     border-radius: 4px;
     margin: 0 5px;
     cursor: pointer;
     transition: all 0.3s;
 }
 
 .toggle-btn.active {
     background: var(--secondary);
     color: white;
 }
 
 .chinese {
     display: none;
 }
 
 @media (max-width: 768px) {
     .faculty-card {
         padding: 20px;
         flex-direction: column;
     }
     
     .faculty-photo {
         flex: 0 0 auto;
         margin-right: 0;
         margin-bottom: 20px;
     }
 }