@scope(.site-public){:scope{--color-primary: #1A56DB;--color-primary-dark: #1E40AF;--color-primary-light: #EBF0FA;--color-bg: #FFFFFF;--color-bg-alt: #F7F8FA;--color-surface: #FFFFFF;--color-text: #1A1A1A;--color-muted: #6B7280;--color-border: #E5E7EB;--color-dark: #111827;--color-success: #059669;--color-error: #DC2626;--font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--section-padding: 80px;--max-width: 1320px;--radius-sm: 6px;--radius-md: 8px;--shadow-card: 0 1px 3px rgba(0,0,0,.06);--shadow-card-hover: 0 4px 24px rgba(0,0,0,.1);--shadow-nav: 0 1px 4px rgba(0,0,0,.06);--transition-base: .3s ease;--transition-fast: .2s ease}@media(max-width:1023px){:scope{--section-padding: 60px}}@media(max-width:767px){:scope{--section-padding: 48px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:scope{font-size:17px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-stack);color:var(--color-text);background:var(--color-bg);line-height:2.21;overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}ul{list-style:none}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}@media(max-width:767px){.container{padding:0 16px}}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:16px 0;background:#111827f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 4px #00000026;transition:background var(--transition-base),box-shadow var(--transition-base),padding var(--transition-base)}.header.scrolled{background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-nav);padding:10px 0}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:0 auto;padding:0 24px}.logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#fff;transition:color var(--transition-base)}.header.scrolled .logo{color:var(--color-text)}.logo img{height:40px;width:auto}.nav-list{display:flex;align-items:center;gap:47px}.nav-list a{font-size:17px;font-weight:500;color:#ffffffd9;position:relative;padding:4px 0;transition:color var(--transition-fast)}.header.scrolled .nav-list a,.header.dark-text .nav-list a{color:var(--color-text)}.header.dark-text .nav-list a:hover{color:var(--color-primary)}.header.dark-text .hamburger span{background:var(--color-text)}.header.dark-text .logo-text{color:var(--color-text)}.nav-list a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-fast)}.nav-list a:hover{color:#fff}.header.scrolled .nav-list a:hover{color:var(--color-primary)}.nav-list a:hover:after{width:100%}.header-cta{display:inline-flex!important;align-items:center;padding:3px 34px!important;min-width:112px!important;justify-content:center;background:var(--color-primary);color:#fff!important;font-size:14px;font-weight:600;border-radius:var(--radius-sm);transition:background var(--transition-fast);white-space:nowrap;flex-shrink:0}.header-cta:after{display:none!important}.header-cta:hover{background:var(--color-primary-dark)}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.hamburger span{display:block;width:24px;height:2px;background:#fff;border-radius:1px;transition:transform var(--transition-fast),opacity var(--transition-fast),background var(--transition-fast)}.header.scrolled .hamburger span{background:var(--color-text)}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:1023px){.hamburger{display:flex}.nav-list{position:fixed;top:0;right:-100%;width:280px;height:100vh;flex-direction:column;background:#fff;padding:80px 32px 32px;gap:24px;box-shadow:-4px 0 24px #00000014;transition:right var(--transition-base);align-items:flex-start}.nav-list.active{right:0}.nav-list a{color:var(--color-text)!important;font-size:16px}.header-cta{margin-top:8px}}.hero{position:relative;height:auto;min-height:600px;display:flex;align-items:center;overflow:hidden}.hero-carousel{position:relative;width:100%;aspect-ratio:16 / 9}.hero-carousel{position:absolute;inset:0;z-index:0}.hero-carousel-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease}.hero-carousel-slide.active{opacity:1}.hero-carousel-slide img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-carousel-slide:nth-child(2) img,.hero-carousel-slide:nth-child(3) img{object-position:right center}.hero-carousel-dots{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:5;display:flex;gap:10px}.hero-carousel-dot{width:10px;height:10px;border-radius:50%;background:#fff6;border:none;cursor:pointer;transition:background .3s ease;padding:0}.hero-carousel-dot.active{background:#fff;width:28px;border-radius:5px}.hero-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:48px;height:48px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-carousel-arrow:hover{background:#ffffff40}.hero-carousel-prev{left:24px}.hero-carousel-next{right:24px}@media(max-width:767px){.hero-carousel-arrow{display:none}.hero-carousel-dots{bottom:24px}}.hero-inner{height:60vh;min-height:380px}@media(max-width:767px){.hero-inner{height:50vh;min-height:300px}}.hero-bg{position:absolute;inset:0;z-index:0}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#111827bf,#11182773);z-index:1}.hero-content{position:relative;z-index:2;max-width:var(--max-width)}.hero-eyebrow{display:inline-block;font-size:13px;font-weight:600;color:#fffc;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px;padding:6px 16px;border:1px solid rgba(255,255,255,.25);border-radius:100px}.hero-title{font-size:48px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:20px;letter-spacing:-.02em}.hero-subtitle{font-size:17px;color:#fffc;line-height:1.7;margin-bottom:36px;max-width:560px}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-stack);font-size:15px;font-weight:600;padding:14px 32px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition-fast);text-align:center;line-height:1}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.btn-outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}.btn-outline:hover{background:#ffffff1a;border-color:#fff}@media(max-width:767px){.hero{min-height:100vh;min-height:100dvh}.hero-title{font-size:32px}.hero-subtitle{font-size:15px}.hero-buttons{flex-direction:column}.btn{width:100%}}@media(max-width:480px){.hero-title{font-size:28px}}.section{padding:var(--section-padding) 0}.section-alt{background:var(--color-bg-alt)}.section-header{text-align:center;margin-bottom:56px}.section-label{display:inline-block;font-size:13px;font-weight:600;color:var(--color-primary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}.section-title{font-size:32px;font-weight:700;color:var(--color-text);line-height:1.3;margin-bottom:12px;letter-spacing:-.01em}.section-subtitle{font-size:16px;color:var(--color-muted);max-width:560px;margin:0 auto}@media(max-width:767px){.section-header{margin-bottom:40px}.section-title{font-size:26px}}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.intro-text .section-label{margin-bottom:12px}.intro-text .section-title{text-align:left;margin-bottom:20px}.intro-text .section-subtitle{margin:0}.intro-body{font-size:16px;color:var(--color-muted);line-height:1.8;margin-bottom:24px}.intro-highlights{display:flex;gap:32px;margin-bottom:28px;flex-wrap:wrap}.intro-highlight{display:flex;flex-direction:column}.intro-highlight-number{font-size:28px;font-weight:700;color:var(--color-primary);line-height:1.2}.intro-highlight-label{font-size:13px;color:var(--color-muted);margin-top:4px}.intro-image{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:4 / 3}.intro-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.intro-image:hover img{transform:scale(1.03)}.btn-link{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--color-primary);transition:gap var(--transition-fast)}.btn-link:hover{gap:10px}.btn-link:after{content:"→";font-size:18px;transition:transform var(--transition-fast)}.btn-link:hover:after{transform:translate(2px)}@media(max-width:1023px){.intro-grid{grid-template-columns:1fr;gap:40px}.intro-image{order:-1;aspect-ratio:16 / 9}}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base);display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.product-card-image{aspect-ratio:4 / 3;overflow:hidden;background:var(--color-bg-alt)}.product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.product-card:hover .product-card-image img{transform:scale(1.05)}.product-card-body{padding:24px;flex:1;display:flex;flex-direction:column}.product-card-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.product-card-tag{font-size:12px;font-weight:500;padding:4px 10px;background:var(--color-primary-light);color:var(--color-primary);border-radius:100px}.product-card-title{font-size:20px;font-weight:600;color:var(--color-text);margin-bottom:10px;line-height:1.4}.product-card-desc{font-size:14px;color:var(--color-muted);line-height:1.7;margin-bottom:20px;flex:1}@media(max-width:1023px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.products-grid{grid-template-columns:1fr}}.accordion-section{padding:0 24px}@media(max-width:767px){.accordion-section{padding:0 16px}}.accordion-wrapper{height:550px;overflow:hidden;position:relative;display:flex;border-radius:var(--radius-md)}.accordion-panel{position:relative;overflow:hidden;cursor:pointer;transition:flex .6s cubic-bezier(.25,.46,.45,.94);flex:1;min-width:0;height:100%}.accordion-panel.active{flex:4}.accordion-panel[data-index="0"]{background:linear-gradient(135deg,#1e3a5f,#2563eb)}.accordion-panel[data-index="1"]{background:linear-gradient(135deg,#0f4c75,#3282b8)}.accordion-panel[data-index="2"]{background:linear-gradient(135deg,#1b262c,#2b4c6f)}.accordion-panel[data-index="3"]{background:linear-gradient(135deg,#2c3e50,#3498db)}.accordion-panel[data-index="4"]{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.accordion-panel-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.accordion-panel.active .accordion-panel-img{transform:scale(1.05)}.accordion-panel-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;transition:background .6s ease;z-index:1}.accordion-panel.active .accordion-panel-mask{background:#00000040}.accordion-panel-title{position:absolute;bottom:0;left:0;right:0;padding:24px;z-index:2;transition:all .4s ease}.accordion-panel-title h3{margin:0;font-size:16px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;writing-mode:vertical-rl;text-orientation:mixed;height:180px;border-left:2px solid rgba(255,255,255,.5);padding-left:12px;padding-top:12px}.accordion-panel.active .accordion-panel-title h3{writing-mode:horizontal-tb;height:auto;font-size:22px;border-left:none;border-bottom:2px solid #fff;padding-left:0;padding-bottom:12px;padding-top:0}.accordion-panel-content{position:absolute;top:80px;left:24px;right:24px;z-index:2;opacity:0;transform:translateY(20px);transition:all .4s ease .2s;pointer-events:none}.accordion-panel.active .accordion-panel-content{opacity:1;transform:translateY(0);pointer-events:auto}.accordion-panel-content h4{margin:0 0 16px;font-size:20px;font-weight:600;color:#fff}.accordion-panel-content p{margin:0;font-size:14px;line-height:1.8;color:#ffffffe6;max-height:320px;overflow-y:auto}.accordion-panel-content p::-webkit-scrollbar{width:3px}.accordion-panel-content p::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}@media(max-width:1024px){.accordion-wrapper{height:450px}}@media(max-width:768px){.accordion-wrapper{height:400px}.accordion-panel{cursor:default}.accordion-panel-title{padding:16px}.accordion-panel-title h3{height:140px;font-size:14px}.accordion-panel.active .accordion-panel-title h3{font-size:18px}.accordion-panel-content{top:60px;left:16px;right:16px}.accordion-panel-content h4{font-size:17px}.accordion-panel-content p{font-size:13px;max-height:220px}}.advantages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.advantage-card{display:flex;gap:20px;padding:32px 28px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.advantage-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.advantage-number{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-size:18px;font-weight:700;border-radius:10px}.advantage-content h3{font-size:17px;font-weight:600;color:var(--color-text);margin-bottom:8px}.advantage-content p{font-size:14px;color:var(--color-muted);line-height:1.7}@media(max-width:1023px){.advantages-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.advantages-grid{grid-template-columns:1fr}.advantage-card{padding:24px 20px}}.cta-section{background:#16488a;padding:80px 0;text-align:center}.cta-title{font-size:30px;font-weight:700;color:#fff;margin-bottom:16px;line-height:1.4}.cta-subtitle{font-size:16px;color:#ffffffb3;margin-bottom:36px;max-width:480px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-section .btn-outline{border-color:#ffffff4d}.cta-section .btn-outline:hover{background:#ffffff14;border-color:#fff9}@media(max-width:767px){.cta-section{padding:56px 0}.cta-title{font-size:24px}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:320px}}.footer{background:#123f7c;border-top:1px solid rgba(255,255,255,.08);padding:56px 0 0;color:#fff9}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-brand p{font-size:14px;line-height:1.8;margin-top:16px;max-width:320px}.footer-col h4{font-size:14px;font-weight:600;color:#fff;margin-bottom:20px}.footer-col ul{display:flex;flex-direction:column;gap:12px}.footer-col a{font-size:14px;color:#ffffff80;transition:color var(--transition-fast)}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:24px 0;display:flex;justify-content:space-between;align-items:center;font-size:13px}.footer-bottom a{color:#fff6;transition:color var(--transition-fast)}.footer-bottom a:hover{color:#ffffffb3}@media(max-width:1023px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:767px){.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}.fade-in-up{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.fade-in-up.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.fade-in-up{opacity:1;transform:none;transition:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.nav-overlay{position:fixed;inset:0;background:#0006;z-index:999;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.nav-overlay.active{opacity:1;pointer-events:auto}.scroll-top{position:fixed;bottom:32px;right:32px;width:44px;height:44px;background:var(--color-primary);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity var(--transition-base),transform var(--transition-base);z-index:100;box-shadow:0 4px 16px #1a56db4d}.scroll-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top:hover{background:var(--color-primary-dark)}.scroll-top:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:767px){.scroll-top{bottom:20px;right:16px}}.nav-list a.active,.header.scrolled .nav-list a.active{color:var(--color-primary)!important}.nav-list a.active:after{width:100%!important}.timeline{position:relative;max-width:800px;margin:0 auto;padding:20px 0}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:var(--color-border)}.timeline-item{position:relative;padding-left:60px;margin-bottom:48px}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:12px;top:8px;width:18px;height:18px;background:var(--color-primary);border-radius:50%;border:3px solid var(--color-bg);box-shadow:0 0 0 2px var(--color-primary)}.timeline-year{display:inline-block;font-size:13px;font-weight:600;color:var(--color-primary);background:var(--color-primary-light);padding:4px 12px;border-radius:100px;margin-bottom:12px}.timeline-content h3{font-size:20px;font-weight:600;color:var(--color-text);margin-bottom:8px}.timeline-content p{font-size:15px;color:var(--color-muted);line-height:1.7}@media(max-width:767px){.timeline:before{left:16px}.timeline-item{padding-left:50px}.timeline-dot{left:8px}}.vision-content{max-width:800px;margin:0 auto;text-align:center}.vision-content .section-label{margin-bottom:16px}.vision-content .section-title{margin-bottom:24px}.vision-body{font-size:16px;color:var(--color-muted);line-height:1.8}.product-tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border);margin-bottom:40px;overflow-x:auto;-webkit-overflow-scrolling:touch}.product-tab{flex-shrink:0;padding:14px 28px;font-size:15px;font-weight:500;color:var(--color-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;font-family:var(--font-stack)}.product-tab:hover{color:var(--color-primary)}.product-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}@media(max-width:767px){.product-tabs{margin-bottom:24px}.product-tab{padding:12px 18px;font-size:14px}}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px}.product-grid-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base);display:flex;flex-direction:column}.product-grid-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.product-grid-card-img{aspect-ratio:4 / 3;overflow:hidden;background:var(--color-bg-alt)}.product-grid-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.product-grid-card:hover .product-grid-card-img img{transform:scale(1.05)}.product-grid-card-body{padding:16px;flex:1;display:flex;flex-direction:column}.product-grid-card-tag{display:inline-block;font-size:11px;font-weight:500;padding:3px 8px;background:var(--color-primary-light);color:var(--color-primary);border-radius:100px;margin-bottom:8px;width:fit-content}.product-grid-card-title{font-size:15px;font-weight:600;color:var(--color-text);margin-bottom:6px;line-height:1.4}.product-grid-card-desc{font-size:13px;color:var(--color-muted);line-height:1.6;flex:1}@media(max-width:1023px){.product-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media(max-width:767px){.product-grid{grid-template-columns:repeat(2,1fr);gap:16px}.product-grid-card-body{padding:12px}.product-grid-card-title{font-size:14px}}@media(max-width:480px){.product-grid{grid-template-columns:1fr}}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 0 40px}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 14px;font-size:14px;font-weight:500;font-family:var(--font-stack);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(.active):not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn.nav-btn{font-weight:600}.pagination-info{font-size:13px;color:var(--color-muted);margin-left:16px}@media(max-width:767px){.pagination{gap:6px}.pagination-btn{min-width:36px;height:36px;padding:0 10px;font-size:13px}.pagination-info{display:none}}.product-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-bottom:64px}.product-gallery{position:relative}.gallery-main{position:relative;aspect-ratio:4 / 3;background:var(--color-bg-alt);border-radius:var(--radius-md);overflow:hidden}.gallery-main img{width:100%;height:100%;object-fit:cover}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#00000080;color:#fff;border:none;border-radius:50%;font-size:24px;cursor:pointer;transition:background var(--transition-fast);display:flex;align-items:center;justify-content:center}.gallery-arrow:hover{background:#000000b3}.gallery-prev{left:16px}.gallery-next{right:16px}.gallery-thumbs{display:flex;gap:12px;margin-top:16px;overflow-x:auto}.thumb{flex-shrink:0;width:80px;height:80px;border:2px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:border-color var(--transition-fast);background:var(--color-bg-alt);padding:0}.thumb.active{border-color:var(--color-primary)}.thumb img{width:100%;height:100%;object-fit:cover}.product-info{padding-top:8px}.product-breadcrumb{font-size:13px;color:var(--color-muted);margin-bottom:16px}.product-breadcrumb a{color:var(--color-primary);transition:color var(--transition-fast)}.product-breadcrumb a:hover{color:var(--color-primary-dark)}.product-title{font-size:32px;font-weight:700;color:var(--color-text);margin-bottom:16px;line-height:1.3}.product-tag{display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;background:var(--color-primary-light);color:var(--color-primary);border-radius:100px;margin-bottom:20px}.product-desc{font-size:16px;color:var(--color-muted);line-height:1.7;margin-bottom:32px}.product-actions{display:flex;gap:16px;flex-wrap:wrap}.product-actions .btn-outline{color:var(--color-text);border-color:var(--color-border)}.product-actions .btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.product-detail-content{margin-top:40px}.detail-section-header{background:#4a5568;color:#fff;padding:16px 24px;border-radius:var(--radius-md) var(--radius-md) 0 0}.detail-section-header h2{font-size:18px;font-weight:600;margin:0}.detail-section-body{padding:40px 0}.detail-section-body img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:24px 0}.detail-section-body h2{font-size:24px;font-weight:700;color:var(--color-text);margin-top:32px;margin-bottom:20px}.detail-section-body h2:first-child{margin-top:0}.detail-section-body h3{font-size:18px;font-weight:600;color:var(--color-text);margin-top:24px;margin-bottom:16px}.detail-section-body p{font-size:15px;color:var(--color-muted);line-height:1.8;margin-bottom:16px}.detail-section-body strong{color:var(--color-text);font-weight:600}.detail-section-body ul,.detail-section-body ol{padding-left:24px;margin-bottom:16px}.detail-section-body li{font-size:15px;color:var(--color-muted);line-height:1.8;margin-bottom:8px}.detail-image{border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-alt)}.detail-image img{width:100%;height:auto;display:block}.detail-text h3{font-size:18px;font-weight:600;color:var(--color-text);margin-bottom:16px;margin-top:24px}.detail-text h3:first-child{margin-top:0}.detail-text p{font-size:15px;color:var(--color-muted);line-height:1.7;margin-bottom:20px}.detail-text ul{list-style:none;padding:0}.detail-text li{font-size:14px;color:var(--color-muted);padding:8px 0 8px 20px;position:relative;line-height:1.6}.detail-text li:before{content:"";position:absolute;left:0;top:16px;width:6px;height:6px;background:var(--color-primary);border-radius:50%}@media(max-width:1023px){.product-detail-layout,.detail-section-body{grid-template-columns:1fr;gap:32px}}@media(max-width:767px){.product-title{font-size:24px}.product-actions{flex-direction:column}.product-actions .btn{width:100%}.gallery-arrow{width:32px;height:32px;font-size:20px}.thumb{width:60px;height:60px}}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:stretch}.contact-details{display:flex;flex-direction:column;gap:24px;margin-top:32px}.contact-item{display:flex;gap:16px;align-items:flex-start}.contact-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);border-radius:10px;color:var(--color-primary)}.contact-icon svg{width:22px;height:22px}.contact-item h3{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:4px}.contact-item p{font-size:14px;color:var(--color-muted)}.contact-form-wrapper{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:40px}.contact-form h3{font-size:22px;font-weight:600;color:var(--color-text);margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--color-text);margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-stack);color:var(--color-text);transition:border-color var(--transition-fast);background:var(--color-bg)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-muted)}.form-group textarea{resize:vertical;min-height:120px}.contact-form .btn{width:100%;margin-top:8px}.form-privacy{font-size:12px;color:var(--color-muted);margin-top:16px;text-align:center}@media(max-width:1023px){.contact-grid{grid-template-columns:1fr;gap:48px}}@media(max-width:767px){.contact-form-wrapper{padding:24px}}#mapWrapper{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;flex:1}@media(max-width:767px){#mapWrapper{min-height:200px!important}}.industry-section{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:80px}.industry-section:last-child{margin-bottom:0}.industry-reverse{direction:rtl}.industry-reverse>*{direction:ltr}.industry-content .section-label{display:inline-block;margin-bottom:12px}.industry-content h2{font-size:28px;font-weight:700;color:var(--color-text);margin-bottom:16px;line-height:1.3}.industry-content p{font-size:15px;color:var(--color-muted);line-height:1.7;margin-bottom:20px}.industry-content ul{display:flex;flex-direction:column;gap:10px}.industry-content li{font-size:14px;color:var(--color-text);padding-left:20px;position:relative}.industry-content li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;background:var(--color-primary);border-radius:50%}.industry-image{border-radius:var(--radius-md);overflow:hidden;aspect-ratio:4 / 3}.industry-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.industry-section:hover .industry-image img{transform:scale(1.03)}@media(max-width:1023px){.industry-section{grid-template-columns:1fr;gap:32px}.industry-reverse{direction:ltr}.industry-image{order:-1}}@media(max-width:767px){.industry-section{margin-bottom:48px}.industry-content h2{font-size:24px}}.chat-widget{position:fixed;right:32px;bottom:32px;z-index:900;display:flex;align-items:center;gap:12px}.chat-bubble{padding:12px 20px;background-color:#fff;color:var(--color-primary);font-size:.9375rem;font-weight:500;border-radius:50px;box-shadow:0 4px 16px #0000001a;white-space:nowrap;animation:chat-bubble-fade .5s ease;cursor:pointer}@keyframes chat-bubble-fade{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.chat-btn{width:56px;height:56px;border-radius:50%;background-color:var(--color-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #1a56db59;transition:all var(--transition-base);animation:pulse-chat 2s infinite;flex-shrink:0}.chat-btn:hover{transform:scale(1.08);box-shadow:0 12px 32px #1a56db80;animation:none}.chat-btn svg{width:24px;height:24px}@keyframes pulse-chat{0%,to{box-shadow:0 8px 24px #1a56db59}50%{box-shadow:0 8px 32px #1a56db8c}}.chat-overlay{position:fixed;inset:0;background-color:#0006;z-index:3000;opacity:0;visibility:hidden;transition:all var(--transition-base)}.chat-overlay.active{opacity:1;visibility:visible}.chat-popup{position:fixed;right:32px;bottom:100px;z-index:3001;width:380px;max-height:520px;max-width:calc(100vw - 64px);background-color:#fff;border-radius:16px;box-shadow:0 16px 48px #00000026;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(20px) scale(.95);transition:all var(--transition-base);display:flex;flex-direction:column}.chat-popup.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.chat-popup-header{background-color:var(--color-primary);padding:24px 20px 32px;position:relative;display:flex;flex-direction:column;align-items:flex-start;transition:all var(--transition-base)}.chat-popup-header.hidden{display:none}.chat-popup-logo{width:44px;height:44px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center}.chat-popup-logo svg{width:24px;height:24px;color:var(--color-primary)}.chat-popup-greeting{margin-top:16px}.chat-popup-greeting h3{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:8px}.chat-popup-greeting p{font-size:1rem;color:#ffffffd9;line-height:1.6}.chat-popup-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:none;border:none;cursor:pointer;transition:all var(--transition-fast);z-index:10}.chat-popup-close:hover{background-color:#fff3}.chat-popup-close svg{width:20px;height:20px;color:#fff}.chat-popup-body{padding:20px;flex:1;overflow-y:auto;position:relative}.chat-view{display:none}.chat-view.active{display:block}.chat-popup-qrcode{margin-bottom:16px;text-align:center}.chat-qrcode-img{width:100%;max-width:160px;height:auto;display:block;margin:0 auto 12px;border-radius:8px}.chat-qrcode-name{font-size:.9375rem;font-weight:500;color:var(--color-text)}.chat-popup-footer{display:flex;border-top:1px solid var(--color-border);padding:0;flex-shrink:0}.chat-footer-link{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;text-decoration:none;color:var(--color-muted);font-size:.75rem;font-weight:400;border:none;background:none;cursor:pointer;transition:color var(--transition-fast)}.chat-footer-link svg{width:22px;height:22px}.chat-footer-link.active,.chat-footer-link:hover{color:var(--color-primary)}.chat-view-form{position:relative}.form-header-row{display:flex;align-items:center;gap:10px;padding:12px 6px 12px 20px;flex-shrink:0}.form-header-row .form-back-btn{position:static;width:28px;height:28px;flex-shrink:0}.form-header-row .form-back-btn:hover{background-color:var(--color-primary-dark)}.form-header-row .form-back-btn:hover svg{color:#fff}.form-title{font-size:1rem;font-weight:600;color:var(--color-text);margin:0}.form-back-btn{position:absolute;top:16px;left:16px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#f5f5f5;border:none;cursor:pointer;transition:all var(--transition-fast);z-index:5}.form-back-btn:hover{background-color:var(--color-primary)}.form-back-btn:hover svg{color:#fff}.form-back-btn svg{width:18px;height:18px;color:var(--color-text)}.chat-contact-form{padding-bottom:8px}.chat-contact-form .form-group{margin-bottom:16px}.chat-contact-form .form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text);margin-bottom:6px}.chat-contact-form .form-group label .required{color:var(--color-error);margin-left:2px}.chat-contact-form .form-input{width:100%;padding:10px 14px;font-size:.9375rem;font-family:var(--font-stack);color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;transition:all var(--transition-fast);box-sizing:border-box}.chat-contact-form .form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a56db14}.chat-contact-form .form-input::placeholder{color:var(--color-muted)}.chat-contact-form textarea.form-input{resize:vertical;min-height:80px}.chat-contact-form .btn-submit{width:100%;padding:12px 24px;background-color:var(--color-primary);color:#fff;font-size:.9375rem;font-weight:600;font-family:var(--font-stack);border:none;border-radius:6px;cursor:pointer;transition:all var(--transition-base);margin-top:8px}.chat-contact-form .btn-submit:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.chat-contact-form .btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.chat-view-form .form-success{display:none;text-align:center;padding:20px;height:100%;min-height:200px;flex-direction:column;justify-content:center;align-items:center}.chat-view-form .form-success.active{display:flex}.chat-view-form .form-success svg{width:48px;height:48px;flex:0 0 48px;color:var(--color-success);margin-bottom:12px}.chat-view-form .form-success h3{font-size:1rem;color:var(--color-text);margin-bottom:6px}.chat-view-form .form-success p{color:var(--color-muted);font-size:.8125rem}@media(max-width:768px){.chat-widget{right:16px;bottom:16px}.chat-bubble{display:none}.chat-btn{width:52px;height:52px}.chat-btn svg{width:22px;height:22px}.chat-popup{right:12px;left:12px;bottom:80px;width:auto;max-width:none;max-height:calc(100vh - 104px);border-radius:12px}}.news-page{padding:120px 0 var(--section-padding);background:var(--color-bg-alt)}.news-page-header{text-align:center;margin-bottom:48px}.news-page-header h1{font-size:36px;font-weight:700;color:var(--color-dark);margin-bottom:12px}.news-page-header p{color:var(--color-muted);font-size:16px}.news-filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.news-categories{display:flex;flex-wrap:wrap;gap:8px}.news-category-btn{padding:6px 16px;border-radius:20px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-muted);font-size:14px;cursor:pointer;transition:all var(--transition-fast)}.news-category-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.news-category-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.news-search{position:relative}.news-search input{padding:8px 16px 8px 36px;border:1px solid var(--color-border);border-radius:20px;font-size:14px;width:200px;transition:all var(--transition-fast)}.news-search input:focus{outline:none;border-color:var(--color-primary);width:240px}.news-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-muted)}.news-list{display:grid;gap:24px}.news-card{display:grid;grid-template-columns:280px 1fr;gap:24px;padding:24px;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all var(--transition-base);cursor:pointer}.news-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.news-card-image{width:100%;height:180px;object-fit:cover;border-radius:var(--radius-sm)}.news-card-content{display:flex;flex-direction:column;justify-content:space-between}.news-card-category{display:inline-block;padding:4px 12px;background:var(--color-primary-light);color:var(--color-primary);border-radius:12px;font-size:12px;font-weight:500;margin-bottom:12px;width:fit-content}.news-card-title{font-size:20px;font-weight:600;color:var(--color-dark);margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card-summary{color:var(--color-muted);font-size:14px;line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card-meta{display:flex;align-items:center;gap:16px;color:var(--color-muted);font-size:13px}.news-card-meta span{display:flex;align-items:center;gap:4px}.news-empty{text-align:center;padding:80px 24px;color:var(--color-muted)}.news-empty svg{width:64px;height:64px;margin:0 auto 16px;opacity:.5}.news-pagination{display:flex;justify-content:center;margin-top:48px}.article-detail-page{padding:120px 0 var(--section-padding)}.article-detail-container{max-width:800px;margin:0 auto}.article-back-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-muted);font-size:14px;margin-bottom:32px;transition:color var(--transition-fast)}.article-back-link:hover{color:var(--color-primary)}.article-back-link svg{width:16px;height:16px}.article-header{margin-bottom:32px}.article-category-badge{display:inline-block;padding:6px 16px;background:var(--color-primary-light);color:var(--color-primary);border-radius:20px;font-size:13px;font-weight:500;margin-bottom:16px}.article-title{font-size:32px;font-weight:700;color:var(--color-dark);line-height:1.3;margin-bottom:16px}.article-meta{display:flex;flex-wrap:wrap;gap:16px;color:var(--color-muted);font-size:14px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.article-meta span{display:flex;align-items:center;gap:6px}.article-cover{width:100%;height:auto;max-height:400px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:32px}.article-summary{font-size:16px;color:var(--color-muted);line-height:1.8;padding:20px 24px;background:var(--color-bg-alt);border-left:4px solid var(--color-primary);border-radius:var(--radius-sm);margin-bottom:32px}.article-body{font-size:16px;line-height:1.8;color:var(--color-text)}.article-body h2{font-size:24px;font-weight:600;margin:32px 0 16px;color:var(--color-dark)}.article-body h3{font-size:20px;font-weight:600;margin:24px 0 12px;color:var(--color-dark)}.article-body p{margin-bottom:16px}.article-body img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:24px 0}.article-body ul,.article-body ol{margin:16px 0;padding-left:24px}.article-body li{margin-bottom:8px}.article-related{margin-top:48px;padding-top:32px;border-top:1px solid var(--color-border)}.article-related h2{font-size:20px;font-weight:600;margin-bottom:20px;color:var(--color-dark)}.article-related-list{display:grid;gap:12px}.article-related-item{padding:16px 20px;background:var(--color-bg-alt);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.article-related-item:hover{background:var(--color-primary-light)}.article-related-item a{color:var(--color-text);font-size:15px;font-weight:500}.article-related-item:hover a{color:var(--color-primary)}@media(max-width:767px){.news-page-header h1{font-size:28px}.news-card{grid-template-columns:1fr}.news-card-image{height:200px}.article-title{font-size:24px}.article-body{font-size:15px}}}