.navbar[data-v-7c65b84c]{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-height);background:#fff;border-bottom:1px solid transparent;transition:var(--transition)}.navbar.scrolled[data-v-7c65b84c]{border-bottom-color:var(--color-border);box-shadow:var(--shadow-sm)}.navbar-inner[data-v-7c65b84c]{max-width:1280px;margin:0 auto;padding:0 40px;height:100%;display:flex;align-items:center;gap:40px}.logo[data-v-7c65b84c]{display:flex;align-items:center;flex-shrink:0}.logo-img[data-v-7c65b84c]{height:44px;width:auto;display:block;object-fit:contain}.nav-links[data-v-7c65b84c]{display:flex;align-items:center;gap:2px;flex:1}.nav-link[data-v-7c65b84c]{padding:8px 16px;font-size:16px;font-weight:600;color:var(--color-text-muted);border-radius:var(--radius);transition:var(--transition);position:relative}.nav-link[data-v-7c65b84c]:hover{color:var(--color-primary);background:var(--color-primary-light)}.nav-link.router-link-active[data-v-7c65b84c]{color:var(--color-primary);font-weight:600}.nav-actions[data-v-7c65b84c]{display:flex;align-items:center;gap:10px;flex-shrink:0}.lang-btn[data-v-7c65b84c]{background:none;border:1px solid var(--color-border-dark);color:var(--color-text-muted);padding:5px 12px;border-radius:4px;font-size:13px;font-weight:600;transition:var(--transition)}.lang-btn[data-v-7c65b84c]:hover{border-color:var(--color-primary);color:var(--color-primary)}.nav-contact-btn[data-v-7c65b84c]{background:var(--color-primary);color:#fff;padding:11px 26px;border-radius:var(--radius);font-size:16px;font-weight:600;transition:var(--transition);white-space:nowrap}.nav-contact-btn[data-v-7c65b84c]:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px #005baa4d}.mobile-toggle[data-v-7c65b84c]{display:none;flex-direction:column;gap:5px;background:none;width:28px;padding:4px}.mobile-toggle span[data-v-7c65b84c]{display:block;height:2px;background:var(--color-text);border-radius:2px;transition:var(--transition)}.mobile-toggle.active span[data-v-7c65b84c]:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-toggle.active span[data-v-7c65b84c]:nth-child(2){opacity:0}.mobile-toggle.active span[data-v-7c65b84c]:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:900px){.mobile-toggle[data-v-7c65b84c]{display:flex}.nav-contact-btn[data-v-7c65b84c]{display:none}.nav-links[data-v-7c65b84c]{position:fixed;top:var(--nav-height);left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:4px;padding:16px;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow);transform:translateY(-110%);opacity:0;transition:var(--transition);pointer-events:none}.nav-links.open[data-v-7c65b84c]{transform:translateY(0);opacity:1;pointer-events:all}.nav-link[data-v-7c65b84c]{padding:12px 16px}.navbar-inner[data-v-7c65b84c]{padding:0 20px;gap:16px}}.footer[data-v-5d0968d5]{background:var(--color-bg-dark);color:#b8c8d8}.footer-top[data-v-5d0968d5]{padding:64px 0 48px}.footer-inner[data-v-5d0968d5]{max-width:1280px;margin:0 auto;padding:0 40px;display:flex;gap:60px}.footer-brand[data-v-5d0968d5]{flex:0 0 280px}.footer-logo[data-v-5d0968d5]{display:flex;align-items:center;gap:10px;margin-bottom:20px}.footer-logo-icon[data-v-5d0968d5]{width:40px;height:40px;object-fit:contain;flex-shrink:0;border-radius:50%;background:#fff}.footer-logo-name[data-v-5d0968d5]{font-size:17px;font-weight:700;color:#fff;letter-spacing:1px}.footer-logo-sub[data-v-5d0968d5]{font-size:8.5px;color:#7a9ab8;letter-spacing:1.5px;margin-top:2px}.footer-desc[data-v-5d0968d5]{font-size:14px;line-height:1.8;margin-bottom:20px;color:#8aabcc}.footer-contacts[data-v-5d0968d5]{display:flex;flex-direction:column;gap:8px}.footer-contact-item[data-v-5d0968d5]{font-size:14px;color:#8aabcc;display:flex;align-items:center;gap:8px}.footer-col[data-v-5d0968d5]{flex:1}.footer-col-title[data-v-5d0968d5]{font-size:14px;font-weight:700;color:#fff;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-links[data-v-5d0968d5]{display:flex;flex-direction:column;gap:10px}.footer-links a[data-v-5d0968d5]{font-size:14px;color:#8aabcc;transition:color .2s}.footer-links a[data-v-5d0968d5]:hover{color:#fff}.footer-bottom[data-v-5d0968d5]{border-top:1px solid rgba(255,255,255,.08);padding:18px 0}.footer-bottom-inner[data-v-5d0968d5]{display:flex;justify-content:space-between;align-items:center}.footer-bottom span[data-v-5d0968d5]{font-size:13px;color:#5a7a9a}@media(max-width:900px){.footer-inner[data-v-5d0968d5]{flex-direction:column;gap:36px;padding:0 20px}.footer-brand[data-v-5d0968d5]{flex:none}.footer-bottom-inner[data-v-5d0968d5]{flex-direction:column;gap:6px;text-align:center}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #FFFFFF;--color-bg-alt: #F5F7FA;--color-bg-dark: #1A2B4A;--color-bg-dark2: #0F1F38;--color-primary: #005BAA;--color-primary-hover: #004A8F;--color-primary-light: #E8F0FB;--color-text: #1A1A2E;--color-text-muted: #5A6A7A;--color-text-light: #8A9AB0;--color-border: #E0E6ED;--color-border-dark: #CBD5E0;--color-accent: #FF6B00;--nav-height: 72px;--font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--transition: all .25s ease;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 4px rgba(0,0,0,.08);--shadow: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.12)}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-main);background:var(--color-bg);color:var(--color-text);line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font-family:var(--font-main);cursor:pointer;border:none;outline:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{line-height:1.25;font-weight:700}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:var(--nav-height)}.page{min-height:100vh}.page-header{background:var(--color-bg-dark);padding:72px 40px 56px;text-align:center}.page-header h1{font-size:clamp(32px,4vw,48px);font-weight:700;color:#fff;margin-bottom:12px}.page-header p{font-size:18px;color:#8aabcc}.section-label{display:inline-block;font-size:13px;font-weight:700;letter-spacing:3px;color:var(--color-primary);text-transform:uppercase;margin-bottom:10px}.section-title{text-align:center;margin-bottom:48px}.section-title h2{font-size:clamp(26px,3vw,38px);font-weight:700;color:var(--color-text);margin-bottom:10px}.section-title p{color:var(--color-text-muted);font-size:17px}.products-sidebar-layout,.service-layout,.news-layout{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:240px 1fr;gap:32px;padding:48px 40px}.products-sidebar,.service-nav,.news-nav{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;position:sticky;top:calc(var(--nav-height) + 20px);height:fit-content;box-shadow:var(--shadow-sm)}.sidebar-title,.service-nav-title,.news-nav-title{font-size:14px;font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--color-primary)}.sidebar-category{margin-bottom:6px}.sidebar-category h4{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--color-text-muted);font-weight:600;cursor:pointer;padding:8px 10px;border-radius:6px;transition:var(--transition)}.sidebar-category h4:hover{color:var(--color-primary);background:var(--color-primary-light)}.sidebar-category ul{display:none;padding-left:10px;margin-top:4px}.sidebar-category ul.active{display:block}.sidebar-category li{padding:7px 10px;font-size:14px;color:var(--color-text-muted);cursor:pointer;border-radius:6px;border-left:2px solid transparent;transition:var(--transition)}.sidebar-category li:hover,.sidebar-category li.active{color:var(--color-primary);border-left-color:var(--color-primary);background:var(--color-primary-light)}.service-nav-item,.news-nav-item{padding:10px 12px;margin-bottom:4px;font-size:15px;color:var(--color-text-muted);border-radius:6px;cursor:pointer;transition:var(--transition);border-left:3px solid transparent}.service-nav-item:hover,.news-nav-item:hover{color:var(--color-primary);background:var(--color-primary-light)}.service-nav-item.active,.news-nav-item.active{color:var(--color-primary);background:var(--color-primary-light);border-left-color:var(--color-primary);font-weight:600}.service-content{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-sm)}.service-content h2{font-size:30px;font-weight:700;color:var(--color-text);margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--color-primary)}.service-content p{color:var(--color-text-muted);line-height:1.9;font-size:17px;margin-bottom:20px}.service-content ul{margin:8px 0 24px}.service-content li{padding:10px 0 10px 24px;position:relative;color:var(--color-text-muted);font-size:16px;border-bottom:1px solid var(--color-border)}.service-content li:last-child{border-bottom:none}.service-content li:before{content:"";position:absolute;left:0;top:18px;width:7px;height:7px;background:var(--color-primary);border-radius:50%}.service-contact{margin-top:32px;padding:24px;background:var(--color-primary-light);border-left:4px solid var(--color-primary);border-radius:0 var(--radius) var(--radius) 0}.service-contact h3{font-size:18px;color:var(--color-text);margin-bottom:12px;font-weight:700}.service-contact p{color:var(--color-text-muted);font-size:16px;margin-bottom:6px}.products-preview{flex:1}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.preview-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.preview-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow);transform:translateY(-3px)}.preview-card-image{height:200px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-alt);overflow:hidden}.preview-card-image img{max-width:90%;max-height:90%;object-fit:contain;transition:transform .3s ease}.preview-card:hover .preview-card-image img{transform:scale(1.05)}.preview-card-info{padding:20px}.preview-card-info h4{font-size:18px;color:var(--color-text);font-weight:700;margin-bottom:8px}.preview-card-info p{color:var(--color-text-muted);font-size:14px;line-height:1.6;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-card-specs{padding-top:12px;border-top:1px solid var(--color-border)}.preview-card-specs li{padding:3px 0;font-size:13px;color:var(--color-text-muted)}.preview-card-specs li:before{content:"✓ ";color:var(--color-primary);font-weight:700}.product-category{display:inline-block;padding:4px 12px;background:var(--color-primary-light);color:var(--color-primary);border-radius:4px;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;border:1px solid rgba(0,91,170,.2)}.product-detail-layout{max-width:1100px;margin:0 auto;padding:48px 40px}.back-btn{display:inline-flex;align-items:center;gap:6px;margin-bottom:32px;font-size:15px;color:var(--color-text-muted);cursor:pointer;transition:color .2s;background:none;border:none;padding:0}.back-btn:hover{color:var(--color-primary)}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.product-title-section{margin-bottom:20px}.product-title-section h1{font-size:34px;font-weight:700;color:var(--color-text);margin:10px 0}.product-desc-section p{color:var(--color-text-muted);line-height:1.9;font-size:16px;margin-bottom:24px}.product-specs-section{background:var(--color-bg-alt);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--color-border)}.product-specs-section h3{font-size:17px;font-weight:700;color:var(--color-text);margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--color-primary)}.product-specs-section li{padding:9px 0;border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:15px;display:flex;align-items:center;gap:8px}.product-specs-section li:last-child{border-bottom:none}.product-specs-section li:before{content:"";width:6px;height:6px;background:var(--color-primary);border-radius:50%;flex-shrink:0}.carousel{position:relative;width:100%;height:360px;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:16px}.carousel-inner{position:relative;width:100%;height:100%}.carousel-item{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .5s ease;display:flex;align-items:center;justify-content:center;padding:24px}.carousel-item.active{opacity:1}.carousel-item img{max-width:100%;max-height:100%;object-fit:contain}.carousel-control{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);z-index:10;font-size:18px;box-shadow:var(--shadow-sm)}.carousel-control:hover{background:var(--color-primary);color:#fff}.carousel-control.prev{left:12px}.carousel-control.next{right:12px}.carousel-indicators{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:10}.carousel-indicator{width:7px;height:7px;border-radius:50%;background:#005baa40;cursor:pointer;transition:all .3s;border:none}.carousel-indicator.active{background:var(--color-primary);width:20px;border-radius:4px}.timeline{position:relative;padding:20px 0;max-width:860px;margin:0 auto}.timeline:before{content:"";position:absolute;left:160px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-primary),rgba(0,91,170,.1))}.timeline-item{display:flex;margin-bottom:32px;position:relative;align-items:flex-start}.timeline-year-label{width:140px;text-align:right;padding-right:24px;padding-top:14px;flex-shrink:0}.timeline-year{font-size:24px;font-weight:800;color:var(--color-primary)}.timeline-dot{position:absolute;left:153px;top:18px;width:14px;height:14px;background:var(--color-primary);border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px var(--color-primary);z-index:2}.timeline-content{flex:1;margin-left:40px;padding:18px 22px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:var(--transition)}.timeline-content:hover{border-color:var(--color-primary);box-shadow:var(--shadow)}.timeline-content p{color:var(--color-text-muted);line-height:1.8;font-size:16px}.features-grid,.culture-grid,.honor-grid,.client-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-card,.culture-card,.honor-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px 22px;text-align:center;transition:var(--transition);box-shadow:var(--shadow-sm)}.feature-card:hover,.culture-card:hover,.honor-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow);transform:translateY(-3px)}.feature-icon,.culture-icon,.honor-icon{font-size:40px;margin-bottom:14px}.feature-card h4,.culture-card h4,.honor-card h4{font-size:17px;color:var(--color-text);margin-bottom:8px;font-weight:700}.feature-card p,.culture-card p,.honor-card p{color:var(--color-text-muted);font-size:14px;line-height:1.6}.client-card{background:var(--color-bg-dark);border-radius:var(--radius-lg);padding:28px 22px;text-align:center;transition:var(--transition)}.client-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.client-icon{font-size:36px;margin-bottom:12px}.client-card h4{font-size:17px;color:#fff;margin-bottom:8px;font-weight:700}.client-card p{font-size:14px;color:#8aabcc;line-height:1.6}.news-list{display:flex;flex-direction:column;gap:16px}.news-item{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px 28px;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.news-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow);transform:translate(4px)}.news-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:20px;flex-wrap:wrap}.news-item-title{font-size:20px;color:var(--color-text);font-weight:700;flex:1;line-height:1.4}.news-item-date{color:var(--color-primary);font-size:15px;font-weight:600;flex-shrink:0}.news-item-summary{color:var(--color-text-muted);line-height:1.8;font-size:16px;margin-bottom:12px}.news-item-category{display:inline-block;padding:4px 12px;background:var(--color-primary-light);color:var(--color-primary);font-size:13px;font-weight:600;border-radius:4px;border:1px solid rgba(0,91,170,.2)}.contact-page{max-width:1100px;margin:0 auto;padding:48px 40px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.contact-info{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm)}.contact-info h2{font-size:22px;color:var(--color-text);font-weight:700;margin-bottom:24px;padding-bottom:14px;border-bottom:2px solid var(--color-primary)}.contact-item{margin-bottom:16px;padding:14px 16px;background:var(--color-bg-alt);border-left:3px solid var(--color-primary);border-radius:0 6px 6px 0;transition:var(--transition)}.contact-item:hover{background:var(--color-primary-light)}.contact-item h3{font-size:11px;color:var(--color-primary);margin-bottom:4px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.contact-item p{color:var(--color-text);font-size:16px;font-weight:500}.contact-item a{color:var(--color-text);transition:color .2s}.contact-item a:hover{color:var(--color-primary)}.contact-form{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm)}.contact-form h3{font-size:22px;font-weight:700;color:var(--color-text);margin-bottom:24px}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:6px;color:var(--color-text);font-size:14px;font-weight:600}.form-group input,.form-group textarea{width:100%;padding:12px 16px;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:15px;font-family:var(--font-main);transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #005baa14}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{width:100%;padding:14px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:17px;font-weight:700;cursor:pointer;transition:var(--transition)}.submit-btn:hover{background:var(--color-primary-hover);box-shadow:0 4px 16px #005baa4d}.about-page{max-width:1100px;margin:0 auto;padding:48px 40px}.about-section{margin-bottom:72px}.about-section-title{font-size:11px;font-weight:700;color:var(--color-primary);letter-spacing:3px;text-transform:uppercase;margin-bottom:8px}.about-section-heading{font-size:clamp(26px,2.5vw,34px);font-weight:700;color:var(--color-text);margin-bottom:24px}.about-intro-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:36px;box-shadow:var(--shadow-sm)}.about-intro-card p{color:var(--color-text-muted);line-height:1.9;font-size:17px;margin-bottom:14px}.about-intro-card p:last-child{margin-bottom:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@media(max-width:1024px){.products-sidebar-layout,.service-layout,.news-layout{grid-template-columns:1fr;padding:32px 24px}.products-sidebar,.service-nav,.news-nav{position:static}.features-grid,.culture-grid,.honor-grid,.client-grid{grid-template-columns:repeat(2,1fr)}.contact-grid,.product-detail-grid{grid-template-columns:1fr}}@media(max-width:768px){.page-header{padding:56px 20px 40px}.about-page,.contact-page,.product-detail-layout{padding:32px 20px}.features-grid,.culture-grid,.honor-grid,.client-grid{grid-template-columns:1fr}.timeline:before{left:10px}.timeline-year-label{width:70px;padding-right:10px}.timeline-year{font-size:18px}.timeline-dot{left:3px}.timeline-content{margin-left:24px;padding:14px 18px}}