*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI','Microsoft YaHei',sans-serif}body{background-color:#f9f9f9;line-height:1.6;padding-top:70px}.Header{position:fixed;top:0;left:0;width:100%;background:linear-gradient(135deg,#1a3a8f 0%,#2a5bc5 100%);color:#fff;padding:15px 0;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1000;transition:all .3s ease}.Header.scrolled{padding:10px 0;box-shadow:0 6px 20px rgba(0,0,0,.15)}.header-bar{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.header-text{font-size:24px;font-weight:700;letter-spacing:1px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:transform .3s ease}.header-text:hover{transform:translateY(-2px)}.header-text:before{content:"";font-family:"FontAwesome";color:#fc0;font-size:30px}.nav-links{display:flex;gap:30px}.nav-link{color:#fff;text-decoration:none;font-weight:500;font-size:16px;transition:color .3s,transform .3s;padding:5px 0;position:relative}.nav-link:hover{color:#fc0;transform:translateY(-2px)}.nav-link:after{content:'';position:absolute;width:0;height:2px;background:#fc0;bottom:0;left:0;transition:width .3s ease}.nav-link:hover:after{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:5px}.hamburger span{width:25px;height:3px;background:#fff;margin:3px 0;transition:.3s;border-radius:2px}.banner{height:380px;background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url('/Images/aboutus.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;margin-bottom:50px;position:relative;overflow:hidden}.banner:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(26,58,143,.2),rgba(255,204,0,.2));animation:gradientShift 10s ease infinite}.banner-content{position:relative;z-index:1;animation:fadeInUp 1s ease}.banner-content h1{font-size:42px;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation-delay:.2s}.banner-content p{font-size:20px;max-width:800px;margin:0 auto;animation-delay:.4s}.container{max-width:1200px;margin:0 auto;padding:0 20px}.main-content{margin-bottom:60px}.content-header{text-align:center;margin-bottom:40px}.content-header h2{font-size:36px;color:#1a3a8f;margin-bottom:10px;position:relative;display:inline-block}.content-header h2:after{content:'';position:absolute;width:80px;height:4px;background:#fc0;bottom:-10px;left:50%;transform:translateX(-50%)}.content-header p{color:#666;font-size:18px;max-width:800px;margin:25px auto 0}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin:40px 0}.stat-item{border-radius:10px;text-align:center;padding:30px;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.stat-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.stat-item:before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(to right,#2a5bc5,#2a5bc5)}.stat-item h4{color:#1a3a8f;font-size:22px;margin-bottom:15px;display:flex;align-items:center;gap:10px;justify-content:center}.stat-item h4 i{color:#ff9b00;font-size:24px}.stat-item p{text-indent:2em;text-align:left}.wechat-section{background:linear-gradient(to right,#f0f7ff,#e8f4ff);border-radius:10px;padding:40px;margin:40px 0;text-align:center;position:relative;overflow:hidden}.wechat-section h3{color:#1a3a8f;font-size:26px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:1}.wechat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-top:30px;position:relative;z-index:1}.wechat-item{background:#fff;border-radius:10px;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:transform .3s;border-top:4px solid #1a3a8f}.wechat-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.wechat-item h4{color:#1a3a8f;font-size:20px;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:10px}.stat-icon{color:#ff9b00;margin-bottom:15px}.stat-number{font-size:40px;font-weight:700;color:#1a3a8f}.stat-text{color:#666;font-size:18px}.contact-title{font-size:20px;font-weight:600;color:#1a3a8f;margin-bottom:10px}.about-section{background:#fff;border-radius:10px;padding:40px;box-shadow:0 5px 20px rgba(0,0,0,.08);margin-bottom:40px}.about-intro{margin-bottom:40px}.about-intro h3{color:#1a3a8f;font-size:28px;margin-bottom:20px;border-left:5px solid #fc0;padding-left:15px}.about-intro p{margin-bottom:20px;font-size:17px;color:#444;line-height:1.8;text-indent:2em}.join-section{background:linear-gradient(135deg,#1a3a8f 0%,#2a5bc5 100%);color:#fff;padding:40px;border-radius:10px;text-align:center;margin:40px 0;position:relative;overflow:hidden}.join-section h3{font-size:28px;margin-bottom:15px;position:relative;z-index:1}.join-section p{font-size:18px;margin-bottom:25px;max-width:800px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.join-button{display:inline-block;background:#fc0;color:#1a3a8f;padding:10px 35px;border-radius:50px;font-weight:700;font-size:18px;text-decoration:none;transition:all .3s;box-shadow:0 5px 15px rgba(0,0,0,.2);position:relative;z-index:1;overflow:hidden}.join-button:hover{background:#ffd633;transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.25)}.logo-display{text-align:center;margin:40px 0;padding:30px;background:#e8f4ff;border-radius:10px;position:relative;overflow:hidden}.logo-display:before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(to right,#2a5bc5,#2a5bc5,#1a3a8f)}.logo-display img{max-width:260px;margin:20px auto;display:block;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform .5s ease}.logo-display img:hover{transform:scale(1.05)}.traditional-contact{background:#fff;border-radius:10px;padding:30px;margin-top:40px;box-shadow:0 5px 20px rgba(0,0,0,.05);border-left:5px solid #1a3a8f}.contact-list{list-style:none;margin:20px 0}.contact-list li{margin-bottom:15px;padding:15px;background:#f8f9fa;border-radius:8px;display:flex;align-items:center;gap:15px;transition:all .3s;cursor:pointer;border-left:3px solid transparent}.contact-list li:hover{background:#e9ecef;border-left-color:#fc0;transform:translateX(5px);box-shadow:0 3px 10px rgba(0,0,0,.08)}.contact-list i{color:#1a3a8f;font-size:20px;width:30px;transition:transform .3s ease}.contact-list li:hover i{transform:scale(1.2)}.contact-copy{color:#1a3a8f;cursor:pointer;position:relative;display:inline-block;transition:color .3s;padding:2px 5px;border-radius:3px}.contact-copy:hover{color:#ff9b00;background:rgba(26,58,143,.05)}.contact-copy::after{content:"点击复制";position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);background:#333;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;opacity:0;transition:opacity .3s;white-space:nowrap;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.2)}.contact-copy:hover::after{opacity:1}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:#1a3a8f;color:#fff;border-radius:50%;display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;transition:.3s;box-shadow:0 4px 12px #00000026;z-index:100}.back-to-top:hover{background:#2a5bc5;transform:translateY(-3px)}.back-to-top.visible{opacity:1;visibility:visible}footer{background:#132d65;color:#fff;padding:40px 0 20px;margin-top:60px;position:relative}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:30px}.footer-section h4{font-size:20px;margin-bottom:20px;color:#fff;position:relative;padding-bottom:10px}.footer-section h4:after{content:'';position:absolute;bottom:0;left:0;width:40px;height:2px;background:#fc0}.footer-section p,.footer-section a{color:rgba(255,255,255,.8);margin-bottom:10px;display:block;text-decoration:none;transition:color .3s}.footer-section a:hover{color:#fc0}.copy-notification{position:fixed;top:100px;right:20px;background:linear-gradient(135deg,#1a3a8f 0%,#2a5bc5 100%);color:#fff;padding:12px 20px;border-radius:5px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:3000;animation:slideIn .3s ease;font-size:14px;display:flex;align-items:center;gap:10px}.copyright{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7);font-size:14px}.copyright a{color:rgba(255,255,255,.8)}.clear{clear:both}.fade-in{animation:fadeIn 1s ease forwards;opacity:0}.slide-up{animation:slideUp .8s ease forwards;opacity:0;transform:translateY(30px)}.delay-01{animation-delay:.1s}.delay-02{animation-delay:.2s}.delay-03{animation-delay:.3s}.delay-04{animation-delay:.4s}@keyframes gradientShift{0%,100%{opacity:.2}50%{opacity:.3}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes shimmer{0%{transform:translateX(-100%) rotate(45deg)}100%{transform:translateX(100%) rotate(45deg)}}@keyframes moveBackground{from{transform:translate(0,0)}to{transform:translate(-100px,-100px)}}@media(max-width:768px){body{padding-top:60px}.nav-links{display:none;position:fixed;top:60px;left:0;right:0;background:#1a3a8f;flex-direction:column;padding:20px;box-shadow:0 10px 20px rgba(0,0,0,.2);z-index:999}.nav-links.active{display:flex}.hamburger{display:flex}.hamburger.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.banner{height:300px}.banner-content h1{font-size:32px}.banner-content p{font-size:16px;padding:0 20px}.about-section{padding:25px}.content-header h2{font-size:28px}.join-section{padding:30px 20px}.back-to-top{bottom:20px;right:20px;width:45px;height:45px}.wechat-section{padding:30px 20px}.wechat-grid{grid-template-columns:1fr;gap:20px}.contact-copy::after{display:none}}@media(max-width:480px){body{padding-top:55px}.stats-section,.features-section,.mission-section{grid-template-columns:1fr}.banner{height:250px}.banner-content h1{font-size:26px}.highlight-box{padding:20px 15px}.stat-number{font-size:32px}.back-to-top{bottom:15px;right:15px;width:40px;height:40px}}.bg-light-blue{background:#e7f1fd}