.app-header[data-v-5bc077c0]{position:fixed;top:0;left:0;right:0;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000}.header-container[data-v-5bc077c0]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;height:80px;position:relative}.logo-container[data-v-5bc077c0]{display:flex;align-items:center;cursor:pointer}.logo[data-v-5bc077c0]{height:50px;transition:all .3s ease}@media (max-width:992px){.logo[data-v-5bc077c0]{height:40px}}@media (max-width:768px){.logo[data-v-5bc077c0]{height:35px}}.main-nav[data-v-5bc077c0]{height:100%}.nav-list[data-v-5bc077c0]{display:flex;list-style:none;margin:0;padding:0;height:100%}.nav-item[data-v-5bc077c0]{height:100%;display:flex;align-items:center;width:120px}.nav-button[data-v-5bc077c0]{position:relative;display:flex;justify-content:center;align-items:center;height:100%;width:100%;padding:0 15px;border:none;background:none;font-size:17px;color:#333;cursor:pointer;transition:all .3s ease}.nav-button .hover-bg[data-v-5bc077c0]{opacity:0}.nav-button.active:not(.user-scrolled) .hover-bg[data-v-5bc077c0]{opacity:1}.hover-bg[data-v-5bc077c0]{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../img/menu-hover-bg.d013d7cb.svg);background-repeat:no-repeat;background-position:50%;background-size:130px 80px;transition:opacity .3s ease;pointer-events:none;z-index:-1}.hamburger[data-v-5bc077c0]{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:#333}@media (max-width:992px){.nav-button[data-v-5bc077c0]{padding:0 10px;font-size:17px}.main-nav[data-v-5bc077c0]{display:none}.hamburger[data-v-5bc077c0]{display:block}}.sidebar[data-v-5bc077c0]{position:fixed;top:0;right:-300px;width:150px;height:100%;background-color:#fff;box-shadow:-2px 0 10px rgba(0,0,0,.1);transition:right .3s ease;z-index:999;overflow-y:auto;padding-top:60px}.sidebar.active[data-v-5bc077c0]{right:0}.sidebar-header[data-v-5bc077c0]{position:absolute;top:0;right:0;width:100%;height:60px;display:flex;align-items:center;justify-content:flex-end;padding-right:20px;box-sizing:border-box;background-color:hsla(0,0%,100%,.1)}.close-btn[data-v-5bc077c0]{font-size:28px;background:none;border:none;color:#333;cursor:pointer}.sidebar-nav[data-v-5bc077c0]{padding:20px}.sidebar .nav-list[data-v-5bc077c0]{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.sidebar .nav-item[data-v-5bc077c0]{width:100%;margin-bottom:10px}.sidebar .nav-button[data-v-5bc077c0]{width:100%;text-align:left;padding:12px 0;font-size:16px;color:#333;border:none;background:none;cursor:pointer;transition:color .3s ease}.home-section[data-v-8027cb22]{height:calc(100vh - 80px);position:relative;overflow:hidden;margin-top:80px}.video-container[data-v-8027cb22]{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.background-video[data-v-8027cb22]{position:absolute;top:0;left:50%;transform:translateX(-50%);min-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.video-poster[data-v-8027cb22]{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:2;cursor:pointer;transition:opacity .5s ease}.video-content[data-v-8027cb22]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:100%;text-align:center}.text-image[data-v-8027cb22]{max-width:30%;height:auto;transition:all .3s ease;margin:0 180px}.vertical-image[data-v-8027cb22]{display:none}@media (max-width:768px){.home-section[data-v-8027cb22]{height:calc(100vh - 60px);margin-top:60px}.video-content[data-v-8027cb22]{width:60%}.text-image[data-v-8027cb22]{margin:0 0}.horizontal-image[data-v-8027cb22]{display:none}.vertical-image[data-v-8027cb22]{display:block}}@media (max-width:480px){.video-content[data-v-8027cb22]{width:95%}.text-image[data-v-8027cb22]{margin:0 55px}}.about-section[data-v-0bef4704]{min-height:100vh;padding:80px 20px 40px;display:flex;align-items:center;background-color:#f9f9f9}.section-container[data-v-0bef4704]{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:40px}.icons-grid[data-v-0bef4704]{flex:1 1 500px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.icon-item[data-v-0bef4704]{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease;display:flex;justify-content:center;align-items:center}.icon-item[data-v-0bef4704]:hover{transform:translateY(-5px)}.icon-img[data-v-0bef4704]{width:100%;height:auto;max-width:80px}.about-content[data-v-0bef4704]{flex:1 1 400px;display:flex;flex-direction:column;justify-content:center}.section-title[data-v-0bef4704]{font-size:32px;color:#333;margin-bottom:20px;text-align:center}.divider[data-v-0bef4704]{height:1px;background:linear-gradient(90deg,transparent,#ccc,transparent);margin:20px 0}.section-text[data-v-0bef4704]{font-size:16px;line-height:1.8;color:#666}@media (max-width:992px){.section-container[data-v-0bef4704]{flex-direction:column;align-items:center;text-align:center}.icons-grid[data-v-0bef4704]{grid-template-columns:repeat(3,1fr);justify-items:center}.about-content[data-v-0bef4704]{width:100%}.section-title[data-v-0bef4704]{font-size:24px}.section-text[data-v-0bef4704]{font-size:15px}}@media (max-width:768px){.icons-grid[data-v-0bef4704]{grid-template-columns:repeat(2,1fr)}.icon-img[data-v-0bef4704]{max-width:60px}.section-title[data-v-0bef4704]{font-size:20px}.section-text[data-v-0bef4704]{font-size:15px}}.projects-section[data-v-bc592c10]{min-height:100vh;padding:80px 20px 40px;background-color:#fff}.section-container[data-v-bc592c10]{max-width:1200px;margin:0 auto}.section-title[data-v-bc592c10]{font-size:32px;text-align:center;margin-bottom:20px;color:#333;font-weight:600}.divider[data-v-bc592c10]{height:1px;background:linear-gradient(90deg,transparent,#ccc,transparent);margin:20px 0}.tabs[data-v-bc592c10]{display:flex;justify-content:center;margin-bottom:40px;gap:30px;flex-wrap:wrap}.tab-button[data-v-bc592c10]{position:relative;background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:10px 0;transition:color .3s ease;font-weight:500}.tab-button[data-v-bc592c10]:hover{color:#333}.tab-button.active[data-v-bc592c10]{color:#333;font-weight:600}.underline[data-v-bc592c10]{position:absolute;bottom:0;left:0}.projects-grid[data-v-bc592c10]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.project-item[data-v-bc592c10]{border-radius:10px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1);position:relative;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.project-item[data-v-bc592c10]:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.15)}.project-thumbnail[data-v-bc592c10]{position:relative;padding-top:75%;overflow:hidden}.thumbnail-img[data-v-bc592c10]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.thumbnail-overlay[data-v-bc592c10]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);opacity:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;transition:opacity .3s ease;padding:20px;box-sizing:border-box}.project-item:hover .thumbnail-overlay[data-v-bc592c10]{opacity:1}.project-item:hover .thumbnail-img[data-v-bc592c10]{transform:scale(1.05)}.project-title[data-v-bc592c10]{color:#fff;font-size:20px;text-align:center;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.pagination[data-v-bc592c10]{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px}.arrow-button[data-v-bc592c10]{background:none;border:1px solid #ddd;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;color:#666}.arrow-button[data-v-bc592c10]:hover{background-color:#f0f0f0;border-color:#999}.arrow-button[data-v-bc592c10]:disabled{opacity:.5;cursor:not-allowed}.page-numbers[data-v-bc592c10]{display:flex;gap:10px}.page-button[data-v-bc592c10]{width:40px;height:40px;border:1px solid #ddd;background:none;border-radius:4px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;color:#666}.page-button[data-v-bc592c10]:hover{border-color:#999}.page-button.active[data-v-bc592c10]{background-color:#4a90e2;border-color:#4a90e2;color:#fff}.video-modal[data-v-bc592c10]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn-bc592c10 .3s ease}@keyframes fadeIn-bc592c10{0%{opacity:0}to{opacity:1}}.modal-content[data-v-bc592c10]{position:relative;width:80%;max-width:800px;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5)}.video-player[data-v-bc592c10]{width:100%;max-height:80vh;display:block}.close-button[data-v-bc592c10]{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:30px;cursor:pointer;transition:color .3s ease}.close-button[data-v-bc592c10]:hover{color:#ccc}.play-icon[data-v-bc592c10]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.8;transition:all .3s ease}.project-item:hover .play-icon[data-v-bc592c10]{opacity:1;transform:translate(-50%,-50%) scale(1.1)}@media (max-width:992px){.section-title[data-v-bc592c10]{font-size:24px}.tabs[data-v-bc592c10]{gap:20px}.tab-button[data-v-bc592c10]{font-size:16px}.projects-grid[data-v-bc592c10]{grid-template-columns:repeat(2,1fr)}.pagination[data-v-bc592c10]{gap:10px}.arrow-button[data-v-bc592c10],.page-button[data-v-bc592c10]{width:36px;height:36px}}@media (max-width:768px){.section-title[data-v-bc592c10]{font-size:20px}.tabs[data-v-bc592c10]{gap:10px}.tab-button[data-v-bc592c10]{font-size:14px;padding:8px 10px}.projects-grid[data-v-bc592c10]{grid-template-columns:1fr}.project-title[data-v-bc592c10]{font-size:16px}.pagination[data-v-bc592c10]{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}.arrow-button[data-v-bc592c10]{order:-1;align-self:center}.page-numbers[data-v-bc592c10]{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;order:0}.right-arrow[data-v-bc592c10]{order:1}.arrow-button[data-v-bc592c10],.page-button[data-v-bc592c10]{width:32px;height:32px;font-size:14px}.modal-content[data-v-bc592c10]{width:95%}}.contact-section[data-v-66c8c300]{min-height:60vh;padding:80px 20px 40px;background-color:#f9f9f9}.section-container[data-v-66c8c300]{max-width:1200px;margin:0 auto;display:flex;gap:50px;flex-wrap:wrap}.contact-details[data-v-66c8c300],.contact-info[data-v-66c8c300],.qrcode-container[data-v-66c8c300]{flex:1 1 300px}.contact-info[data-v-66c8c300]{order:1}.qrcode-container[data-v-66c8c300]{order:2;display:flex;justify-content:center;align-items:center}.qrcode[data-v-66c8c300]{width:180px;height:180px}.contact-details[data-v-66c8c300]{order:3;display:flex;flex-direction:column;justify-content:center;gap:30px}.detail-item[data-v-66c8c300]{display:flex;flex-direction:column;gap:10px}.detail-title[data-v-66c8c300]{font-size:20px;color:#333;margin:0}.detail-content[data-v-66c8c300]{font-size:16px;color:#666;margin:0}.section-title[data-v-66c8c300]{font-size:32px;color:#333;margin-bottom:20px;text-align:center}.divider[data-v-66c8c300]{height:1px;background:linear-gradient(90deg,transparent,#ccc,transparent);margin:20px 0}.section-text[data-v-66c8c300]{font-size:16px;line-height:1.8;color:#666}@media (max-width:992px){.section-container[data-v-66c8c300]{flex-direction:row;justify-content:space-between;align-items:flex-start}.contact-info[data-v-66c8c300]{order:1;flex:1 1 100%}.qrcode-container[data-v-66c8c300]{order:2;flex:0 0 180px}.section-title[data-v-66c8c300]{font-size:24px}.contact-details[data-v-66c8c300]{order:3;flex:1 1 100%}}@media (max-width:768px){.section-container[data-v-66c8c300]{flex-direction:column;align-items:center}.qrcode[data-v-66c8c300]{width:150px;height:150px}.contact-details[data-v-66c8c300],.contact-info[data-v-66c8c300],.qrcode-container[data-v-66c8c300]{flex:1 1 100%;text-align:center}.contact-details[data-v-66c8c300]{margin-top:20px}.section-title[data-v-66c8c300]{font-size:20px}.section-text[data-v-66c8c300]{font-size:15px}.detail-title[data-v-66c8c300]{font-size:18px}.detail-content[data-v-66c8c300]{font-size:14px}}body{margin:0;font-family:Microsoft YaHei,sans-serif;color:#333}.site-footer{background-color:#333;color:#fff;padding:20px 0;text-align:center}.site-footer a{color:#fff;text-decoration:none}.site-footer a:hover{text-decoration:underline}.footer-content p{margin:5px 0}