*{margin:0;padding:0;box-sizing:border-box;font-family:Microsoft Yahei,sans-serif}:root{--tech-blue: #4472C4;--dark-tech-blue: #1F4E79;--light-tech-blue: #6B93D6;--text-color: #333;--light-bg: #f5f9ff;--border-color: #e0e7ff}.header{background-color:var(--tech-blue);color:#fff;padding:20px;display:flex;align-items:center;box-shadow:0 2px 8px #0000001a}.header-content{width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.header-left{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.header-left img{height:80px}.header-right{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}.header-right img:first-child{max-height:150px;max-width:100%;margin-left:0}.header-right img:last-child{max-height:90px;max-width:100%;align-self:center;margin-right:50px;margin-top:10px}.header-bottom p{font-size:25px;font-weight:700;margin:0 100px 0 0;color:#ff0;text-align:right}.title-part1{font-size:23px;color:#ff0;line-height:1.4;text-align:left}.title-part1 p{margin:0}.title-part2{font-size:23px;color:#ff0;line-height:1.4;text-align:left}.title-part2 p{margin:0}.complete-units{font-size:15px;line-height:1.5}.complete-units p{margin:0 0 5px}.units-container{display:flex;gap:40px}.unit-column{flex:1}.unit-column p{margin:0 0 5px;text-align:left}.nav{background-color:var(--dark-tech-blue);box-shadow:0 2px 4px #0000001a;height:60px}.nav ul{list-style:none;display:flex;justify-content:space-around;align-items:center;max-width:1200px;margin:0 auto;height:100%}.nav ul li a{display:block;color:#fff;text-decoration:none;padding:10px 15px;font-size:20px;transition:all .3s ease;text-align:center}.nav ul li a:hover{font-size:22px;transform:scale(1.05)}.nav ul li a.active{background-color:var(--tech-blue);border-radius:5px}.carousel-container{width:100%;margin:15px 0}.awards-carousel{margin:-15px 0 0 0}.carousel{position:relative;width:100%;max-width:1200px;height:500px;margin:0 auto;overflow:hidden;border-radius:0;box-shadow:none;background-color:transparent}.carousel-track{display:flex;height:100%;transition:transform .5s ease}.carousel-slide{min-width:100%;height:100%}.carousel-slide img{width:100%;height:100%;object-fit:contain}.carousel-btn{display:none}.prev{left:20px}.next{right:20px}.carousel-btn:hover{background:#4672c4e6;transform:translateY(-50%) scale(1.1)}.carousel-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px}.dot{width:12px;height:12px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .3s ease}.dot.active{background:#fff;transform:scale(1.2)}.swiper-container{width:100%;max-width:1200px;margin:0 auto;overflow:hidden;padding:20px 0}.swiper-wrapper{display:flex}.swiper-slide{flex-shrink:0;width:auto;margin-right:15px;transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.swiper-slide:hover{transform:none}.activity-carousel{width:100%;max-width:1200px;margin:0 auto;overflow:hidden;padding:20px 0}.activity-carousel-track{display:flex;transition:transform .5s ease}.activity-carousel-slide{flex:0 0 50%;padding:0 5px}.activity-carousel-slide img{width:100%;height:400px;object-fit:cover;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000001a}.awards-swiper .swiper-slide img{height:180px;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000001a}.swiper-container::-webkit-scrollbar{display:none}.swiper-container{-ms-overflow-style:none;scrollbar-width:none}.main{display:flex;width:1200px;margin:0 auto;padding:15px 0;gap:20px}.main:nth-child(2){margin-top:60px}.main-left,.main-right{flex:1}.main-middle{flex:1}.section{width:100%;height:380px;margin-bottom:30px;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .3s ease}.section:hover{box-shadow:0 4px 12px #0000001f}.section-title{background-color:var(--tech-blue);color:#fff;padding:12px 20px;font-size:18px;display:flex;justify-content:space-between;align-items:center}.intro-text,.person-info,.achievement-list{height:calc(100% - 60px);overflow-y:hidden;padding:0 20px}.intro-text video{display:block;margin-top:0}.section-title a{color:#fff;font-size:14px;text-decoration:none;transition:color .3s ease}.section-title a:hover{color:#ff0}.achievement-list{list-style:disc;margin-left:20px}.achievement-list li{padding:12px 0;border-bottom:1px dotted var(--border-color);font-size:16px;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center}.achievement-list li:hover{padding-left:10px}.achievement-list li a{color:#333;text-decoration:none;flex:1;transition:all .3s ease}.achievement-list li a:hover{color:var(--tech-blue);text-decoration:none}.achievement-list .media-date{font-size:14px;color:#666;margin-left:10px}.intro-text,.person-info{font-size:16px;line-height:1.8;color:var(--text-color);text-align:justify}.intro-text p{padding:12px 0;border-bottom:1px dotted var(--border-color)}.intro-text p:last-child{border-bottom:none}.intro-text a{display:inline-block;transition:all .3s ease}.intro-text a:hover{color:var(--tech-blue)!important;transform:translateX(5px);text-decoration:underline;font-size:18px}.person-info .name{font-weight:700;margin-bottom:10px;color:var(--tech-blue)}.person-info .contribution{margin-top:12px}.awards-section{width:100%;background-color:var(--light-bg);padding:40px 0;margin-top:30px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.awards-section h2{text-align:center;font-size:28px;color:var(--tech-blue);margin:0;font-weight:700}.media-section{width:100%;background-color:var(--light-bg);padding:40px 0;margin-top:0;border-bottom:1px solid var(--border-color)}.media-section h2{text-align:center;font-size:28px;color:var(--tech-blue);margin:0 0 30px;font-weight:700}.media-container{width:1200px;margin:0 auto;padding:0 20px}.media-page{margin-bottom:30px}.media-item{display:flex;margin-bottom:15px;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .3s ease}.media-item:hover{box-shadow:0 4px 12px #0000001f}.media-image{flex:0 0 128px;height:88px;overflow:hidden}.media-video{flex:0 0 128px;height:88px;overflow:hidden;position:relative}.media-image img,.media-video img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.media-item:hover .media-image img,.media-item:hover .media-video img{transform:scale(1.1)}.video-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#4672c4b3;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.video-overlay:hover{background-color:#4672c4e6;transform:translate(-50%,-50%) scale(1.1)}.video-overlay span{color:#fff;font-size:14px}.media-content{flex:1;padding:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:15px}.media-date{font-size:16px;color:#666;line-height:1.4}.media-content a{color:var(--text-color);text-decoration:none;font-size:20px;line-height:1.5;transition:color .3s ease;flex:1;word-wrap:break-word}.media-content a:hover{color:var(--tech-blue)}.pagination{display:flex;justify-content:center;gap:12px;margin-top:40px}.page-btn{width:45px;height:45px;border:1px solid var(--border-color);background-color:#fff;border-radius:6px;cursor:pointer;font-size:16px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.page-btn:hover{background-color:var(--light-bg);border-color:var(--tech-blue)}.page-btn.active{background-color:var(--tech-blue);color:#fff;border-color:var(--tech-blue)}.footer{background-color:var(--tech-blue);color:#fff;text-align:center;padding:30px;font-size:14px;box-shadow:0 -2px 8px #0000001a;position:static;margin-top:50px;width:100%}.footer a{color:#fff;text-decoration:none;transition:color .3s ease}.footer a:hover{color:#ff0;text-decoration:underline}@media (max-width: 768px){.header{flex-direction:column;text-align:center;gap:20px}.header-left{width:100%;align-items:center;border-right:none;border-bottom:2px solid rgba(255,255,255,.2);padding-right:0;padding-bottom:20px}.header-right{width:100%;align-items:center;padding-left:0}.header-bottom p{margin-right:0;text-align:center}.title-part1,.title-part2,.complete-units{text-align:center}.units-container{flex-direction:column;gap:10px}.nav ul{flex-wrap:wrap}.nav ul li a{padding:10px 15px;font-size:14px}.carousel{height:300px}.main{flex-direction:column}.section{height:auto;min-height:380px}.media-item{flex-direction:column}.media-image,.media-video{flex:0 0 200px;width:100%}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.9)}.modal-content{margin:auto;display:block;max-width:90%;max-height:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.close{position:absolute;top:20px;right:30px;color:#f1f1f1;font-size:40px;font-weight:bold;cursor:pointer}.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer}.header-bottom img{max-height:40px;display:block;margin-top:10px;margin-left:auto;margin-right:50px}