*{box-sizing:border-box;margin:0;padding:0}body{color:#333;font-family:Microsoft YaHei,Arial,sans-serif;font-size:14px;line-height:1.6;min-width:968px}a{color:inherit;text-decoration:none}li,ul{list-style:none}.site-header{box-shadow:0 2px 8px rgba(0,0,0,.1);position:sticky}#header,.site-header{background:#fff;top:0;z-index:1000}#header{left:0;position:fixed;right:0}#footer{background:#1a2332}.header-container{align-items:center;display:flex;height:80px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo-section{align-items:center;display:flex;gap:10px}.logo-img{height:40px;width:auto}.logo-text{border-left:1px solid #ddd;color:#333;font-size:24px;padding-left:10px}.main-nav{display:flex;flex:1;justify-content:flex-end;margin-right:50px}.nav-list{display:flex;gap:40px}.nav-item,.nav-link{position:relative}.nav-link{align-items:center;color:#333;display:flex;font-family:Microsoft YaHei;font-size:20px;gap:5px;padding:10px 0;transition:all .3s}.nav-item>.nav-link:after{background:#2563eb;bottom:0;content:"";height:4px;left:calc(50% - 20px);position:absolute;transform:scaleX(0);transition:transform .3s ease;width:40px}.nav-link:hover{color:#2563eb}.nav-link.active{color:#2563eb;font-weight:400}.nav-link.active:after{transform:scaleX(1)}.arrow-down{border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #666;display:inline-block;height:0;margin-left:3px;width:0}.dropdown-menu{background:#fff;border-radius:16px;box-shadow:0 8px 16px 0 hsla(0,0%,45%,.16);left:50%;margin-top:10px;min-width:182px;opacity:0;padding:10px 0;position:absolute;top:100%;transform:translateX(-50%);transition:all .3s;visibility:hidden}.has-dropdown:hover .dropdown-menu{margin-top:0;opacity:1;visibility:visible}.dropdown-menu li{padding:0}.dropdown-menu a{border-left:3px solid transparent;color:#333;display:block;font-family:Microsoft YaHei;font-size:16px;padding:10px 20px;position:relative;transition:all .3s}.dropdown-menu a:hover{background:#f5f5f5;color:#2563eb}.dropdown-menu .active:before{background-color:#2563eb;content:"";height:16px;left:-3px;position:absolute;top:calc(50% - 8px);width:3px}.header-actions{align-items:center;display:flex;gap:15px}.btn{border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 20px;transition:all .3s}.btn-primary{background:#2563eb;border-color:#2563eb;color:#fff}.btn-primary:hover{background:#3557c7}.btn-outline{background:transparent;border-color:#ddd;color:#333}.btn-outline:hover{border-color:#2563eb;color:#2563eb}.feedback-link{align-items:center;color:#666;display:flex;font-size:14px;gap:5px}.feedback-link:hover{color:#2563eb}.icon-feedback:before{content:"◉";font-size:16px}.site-footer{background:#1a2332;color:#fff;margin-top:100px;padding:50px 0 0}.footer-container{margin:0 auto;max-width:1440px;padding:0 20px}.footer-content{align-items:flex-start;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;gap:110px;padding-bottom:30px}.footer-logo{flex-shrink:0;width:180px}.footer-logo-img{height:auto;width:100%}.footer-links{display:flex;flex:1;gap:20px;justify-content:center}.footer-column{flex:1;min-width:0}.footer-title{color:#fff;font-size:16px;font-weight:400;margin-bottom:15px}.footer-list{list-style:none;margin:0;padding:0}.footer-list li{font-size:12px;line-height:1.6;margin-bottom:10px}.footer-list a,.footer-list span{color:#ccc;font-size:14px;text-decoration:none;transition:color .3s}.footer-list a:hover{color:#fff}.footer-qrcode{display:flex;flex-shrink:0;gap:20px}.footer-qrcode-item{text-align:center}.footer-qrcode-item img{background:#fff;border-radius:4px;display:block;height:90px;margin-bottom:8px;padding:5px;width:90px}.footer-qrcode-item p{color:hsla(0,0%,100%,.6);font-size:11px;margin:0}.footer-copyright{padding:25px 0;text-align:center}.footer-copyright p{color:hsla(0,0%,100%,.4);font-size:11px;line-height:1.5;margin:0}@media (max-width:768px){.header-container{flex-wrap:wrap;height:auto;padding:15px 20px}.main-nav{margin-top:15px;order:3;width:100%}.nav-list{flex-direction:column;gap:10px}.footer-content{flex-direction:column;gap:30px}.footer-logo{width:150px}.footer-links{flex-direction:column;gap:25px}.footer-qrcode{gap:15px;justify-content:flex-start}.footer-qrcode-item img{height:80px;width:80px}}