/**
* @ 3dabd040fc9e32f36aa722a271a79d52
*/
.lcms-editor{font-size:inherit;line-height:1.7;color:inherit;word-break:normal}.lcms-editor::before,.lcms-editor:after{display:table;line-height:0;content:""}.lcms-editor:after{clear:both}.lcms-editor h1,.lcms-editor h2,.lcms-editor h3,.lcms-editor h4{font-weight:700;color:#303133}.lcms-editor h1:first-child,.lcms-editor h2:first-child,.lcms-editor h3:first-child,.lcms-editor h4:first-child{margin-top:0 !important}.lcms-editor h1{font-size:26px;line-height:1.5;margin-top:32px;margin-bottom:18px;letter-spacing:2px}.lcms-editor h2{font-size:22px;line-height:1.2;margin-top:28px;margin-bottom:14px;letter-spacing:1px}.lcms-editor h3{font-size:18px;line-height:1.5;margin-top:24px;margin-bottom:10px;letter-spacing:.5px}.lcms-editor h4{font-size:14px;line-height:1.5;margin-top:20px;margin-bottom:8px;letter-spacing:.5px}.lcms-editor p{margin:0 0 16px 0;line-height:1.7}.lcms-editor a{text-decoration:none;cursor:pointer}.lcms-editor a:hover{text-decoration:underline}.lcms-editor a:active,.lcms-editor a:focus{outline:0;text-decoration:none}.lcms-editor img{max-width:100% !important;height:auto !important;display:inline-block}.lcms-editor img[style*="float:right"]{margin:16px 0 16px 16px}.lcms-editor img[style*="float:left"]{margin:16px 16px 16px 0}.lcms-editor ol li img,.lcms-editor ul li img{margin-top:5px}.lcms-editor ol{width:auto;margin:0 0 16px 0;padding:0 0 0 2em;list-style:decimal}.lcms-editor ol>li{margin-top:5px;list-style:decimal}.lcms-editor ol>li:first-of-type{margin-top:0}.lcms-editor ol>li>p{margin:0;text-indent:0}.lcms-editor ol ul{margin-top:5px}.lcms-editor ul{width:auto;margin:0 0 16px 0;padding:0 0 0 2em;list-style:disc}.lcms-editor ul>li{margin-top:5px;list-style:disc}.lcms-editor ul>li:first-of-type{margin-top:0}.lcms-editor ul>li>p{margin:0;text-indent:0}.lcms-editor ul ol{margin-top:5px}.lcms-editor blockquote{margin:0 0 16px 0;padding:0 10px;border-left:4px solid #ccc;overflow:hidden;font-family:initial}.lcms-editor blockquote p{text-indent:0}.lcms-editor blockquote p:last-child{margin-bottom:0}.lcms-editor table{width:100%;margin:0 0 16px 0;background-color:#fff;border-collapse:collapse;border-spacing:0}.lcms-editor table tr{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.lcms-editor table tr:nth-child(even){background-color:#fbfbfb}.lcms-editor table tr:hover{background-color:#f2f2f2}.lcms-editor table th,.lcms-editor table td{position:relative;padding:9px 15px;min-height:20px;line-height:1.4;border-width:1px;border-style:solid;border-color:#e6e6e6}.lcms-editor table th p:last-child,.lcms-editor table td p:last-child{margin-bottom:0}.lcms-editor table thead tr th{border-top-width:1px !important;background-color:#f2f2f2}.lcms-editor table p{margin-bottom:10px;text-indent:0}.lcms-editor hr{background-color:#d4d4d4;border:none;height:1px;margin-bottom:16px}.lcms-editor pre{margin:0 0 16px 0;font-size:inherit;font-family:Monaco,Menlo,Consolas,"Courier New"}.lcms-editor code{padding:2px 3px;margin:0 2px;font-size:-webkit-calc(1em - 1px);font-size:-moz-calc(1em - 1px);font-size:calc(1em - 1px);color:#c7254e;background-color:rgba(185,185,185,.1);white-space:normal;word-break:break-word;border-radius:0;font-family:Monaco,Menlo,Consolas,"Courier New"}.lcms-editor iframe{background:#f2f6fc}.lcms-editor p.player-iframe,.lcms-editor p.player-video{text-indent:0}.lcms-editor section._135editor p{margin:0}@media only screen and (max-width: 768px){.lcms-editor img{max-width:100% !important;height:auto !important;display:inline-block}}
/**
* @ 9fa359ef85d1d1e344cee693f91554c8
*/
:root {--vs-primary: #0a1628;--vs-primary-dark: #050d1a;--vs-accent: #009944;--vs-accent-hover: #007a36;--vs-text: #0f172a;--vs-text-light: #475569;--vs-muted: #94a3b8;--vs-bg: #f0f4f8;--vs-white: #ffffff;--vs-card: rgba(255, 255, 255, 0.92);--vs-shadow: 0 4px 24px rgba(10, 22, 40, 0.08);--vs-shadow-sm: 0 2px 8px rgba(10, 22, 40, 0.04);--vs-shadow-lg: 0 8px 40px rgba(10, 22, 40, 0.12);--vs-radius: 4px;--vs-radius-sm: 2px;--vs-gap: 48px;--vs-border-color: rgba(0, 153, 68, 0.12);}* {box-sizing: border-box;}html {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;line-height: 1.6;color: var(--vs-text);background: var(--vs-bg);scroll-behavior: smooth;font-size: 16px !important;}body {margin: 0;min-height: 100%;}a {color: inherit;text-decoration: none;}img {max-width: 100%;display: block;}button {font: inherit;}.vs-site {width: min(1200px, calc(100% - 32px));margin: 0 auto;}.vs-section {padding: 80px 0;}.vs-section-head {text-align: center;margin-bottom: 56px;}.vs-section-head h2 {margin: 0 0 14px;font-size: clamp(1.6rem, 2.5vw, 2.2rem);font-weight: 800;color: var(--vs-text);}.vs-section-head p {margin: 0 auto;color: var(--vs-text-light);max-width: 640px;font-size: 1rem;}.vs-tag {display: inline-flex;padding: 6px 16px;border-radius: 999px;background: rgba(14, 76, 95, 0.08);color: var(--vs-primary);font-weight: 700;font-size: 0.8rem;margin-bottom: 14px;letter-spacing: 0.5px;}.vs-btn {display: inline-flex;align-items: center;justify-content: center;border: none;border-radius: 999px;padding: 16px 40px;cursor: pointer;transition: transform 0.2s ease, box-shadow 0.2s ease;font-weight: 700;font-size: 1rem;}.vs-btn:hover {transform: translateY(-3px);}.vs-btn-primary {background: var(--vs-accent);color: var(--vs-white);box-shadow: 0 6px 20px rgba(0, 153, 68, 0.4);}.vs-btn-primary:hover {background: var(--vs-accent-hover);box-shadow: 0 8px 28px rgba(0, 153, 68, 0.5);}.vs-btn-white {background: rgba(255,255,255,0.15);color: var(--vs-white);border: 1px solid rgba(255,255,255,0.3);backdrop-filter: blur(10px);}.vs-btn-white:hover {background: rgba(255,255,255,0.25);border-color: rgba(255,255,255,0.5);}.vs-btn-outline-primary {background: transparent;color: var(--vs-primary);border: 1.5px solid var(--vs-primary);}.vs-btn-outline-primary:hover {background: var(--vs-primary);color: var(--vs-white);}.vs-section-more {text-align: center;margin-top: 48px;}/* Header */.vs-header {position: sticky;top: 0;z-index: 100;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);box-shadow: 0 2px 20px rgba(0, 153, 68, 0.06);border-bottom: 1px solid rgba(0, 153, 68, 0.08);transition: all 0.3s ease;}.vs-header:hover {box-shadow: 0 4px 24px rgba(0, 153, 68, 0.1);}.vs-nav {display: flex;align-items: center;justify-content: space-between;padding: 8px 0;}.vs-brand {display: flex;align-items: center;gap: 12px;}.vs-logo {max-height: 72px;width: auto;display: block;transition: transform 0.3s ease;}.vs-brand:hover .vs-logo {transform: scale(1.05);}.vs-logo-text {display: flex;flex-direction: column;}.vs-logo-title {font-size: 1.5rem;font-weight: 800;color: var(--vs-text);letter-spacing: -0.3px;}.vs-logo-subtitle {font-size: 0.75rem;font-weight: 500;color: var(--vs-accent);letter-spacing: 1px;text-transform: uppercase;}.vs-menu-list {display: flex;gap: 40px;align-items: center;margin: 0;padding: 0;list-style: none;}.vs-menu-list > li {position: relative;}.vs-menu-list > li > a {color: var(--vs-text-light);font-size: 0.95rem;font-weight: 600;transition: all 0.3s ease;position: relative;padding: 8px 0;}.vs-menu-list > li > a::after {content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 3px;background: linear-gradient(90deg, var(--vs-accent), var(--vs-accent));border-radius: 2px;transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.vs-menu-list > li:hover > a,.vs-menu-list > li.active > a {color: var(--vs-accent);}.vs-menu-list > li:hover > a::after,.vs-menu-list > li.active > a::after {width: 100%;}.vs-nav-toggle {display: none;background: none;border: none;font-size: 1.5rem;color: var(--vs-text);cursor: pointer;padding: 8px;}/* 全屏下拉菜单 */.vs-dropdown-full {position: fixed;top: 88px;left: 0;right: 0;height: 500px;background: #ffffff;z-index: 101;display: none;animation: vsDropdownFadeIn 0.3s ease;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);border-top: 1px solid rgba(0, 153, 68, 0.1);}@keyframes vsDropdownFadeIn {from { opacity: 0; transform: translateY(-10px); }to { opacity: 1; transform: translateY(0); }}.vs-dropdown-inner {max-width: 1400px;margin: 0 auto;padding: 40px 32px;height: 100%;}.vs-dropdown-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 32px;}.vs-dropdown-title {font-size: 1.4rem;font-weight: 800;color: var(--vs-text);}.vs-dropdown-more {font-size: 0.9rem;font-weight: 600;color: var(--vs-accent);text-decoration: none;}.vs-dropdown-grid {display: grid;grid-template-columns: repeat(6, 1fr);gap: 20px;}.vs-dropdown-item {display: flex;flex-direction: column;align-items: center;text-decoration: none;transition: all 0.3s ease;padding: 12px;border-radius: 16px;}.vs-dropdown-item:hover {background: rgba(0, 153, 68, 0.05);transform: translateY(-4px);}.vs-dropdown-item-img {width: 100%;padding-top: 100%;border-radius: 12px;overflow: hidden;position: relative;margin-bottom: 12px;background: #f5f7fa;}.vs-dropdown-item-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease;}.vs-dropdown-item:hover .vs-dropdown-item-img img {transform: scale(1.08);}.vs-dropdown-item-title {font-size: 0.9rem;font-weight: 600;color: var(--vs-text);text-align: center;line-height: 1.4;}/* Hero Banner - 全屏轮播，无边距 */.vs-hero {position: relative;width: 100%;height: 100vh;min-height: 600px;overflow: hidden;padding: 0 !important;margin: 0 !important;border: none !important;background: transparent !important;}.vs-hero-slider {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.vs-hero-track {display: flex;height: 100%;transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);}.vs-hero-slide {flex-shrink: 0;width: 100%;height: 100%;}.vs-hero-slide img {width: 100%;height: 100%;object-fit: cover;}.vs-hero-content {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;z-index: 2;padding: 0 20px;}.vs-hero-text {max-width: 800px;text-align: center;}.vs-hero-tag {display: inline-block;padding: 8px 20px;background: rgba(0, 153, 68, 0.1);color: var(--vs-accent);font-size: 0.9rem;font-weight: 600;border-radius: 20px;margin-bottom: 20px;border: 1px solid rgba(0, 153, 68, 0.2);}.vs-hero h1 {margin: 0 0 20px;font-size: clamp(2.8rem, 6vw, 4.5rem);line-height: 1.1;font-weight: 900;color: var(--vs-text);}.vs-hero p {margin: 0 0 32px;font-size: 1.2rem;color: var(--vs-text-light);line-height: 1.8;}.vs-hero-buttons {display: flex;gap: 16px;flex-wrap: wrap;justify-content: center;}.vs-hero-dots {position: absolute;bottom: 32px;left: 50%;transform: translateX(-50%);display: flex;gap: 12px;z-index: 3;}.vs-hero-dot {width: 12px;height: 12px;border-radius: 50%;background: rgba(255, 255, 255, 0.5);border: 2px solid rgba(255, 255, 255, 0.8);cursor: pointer;transition: all 0.3s ease;}.vs-hero-dot.active {width: 32px;border-radius: 6px;background: var(--vs-accent);border-color: var(--vs-accent);}.vs-hero-prev,.vs-hero-next {position: absolute;top: 50%;transform: translateY(-50%);width: 56px;height: 56px;border: none;background: rgba(255, 255, 255, 0.9);color: var(--vs-text);font-size: 1.5rem;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 3;transition: all 0.3s ease;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);}.vs-hero-prev:hover,.vs-hero-next:hover {background: var(--vs-accent);color: #ffffff;transform: translateY(-50%) scale(1.1);}.vs-hero-prev {left: 24px;}.vs-hero-next {right: 24px;}/* Stats - 深色背景大数字 */.vs-section-stats-pro {position: relative;padding: 120px 0;overflow: hidden;isolation: isolate;}.vs-stats-pro-bg {position: absolute;inset: 0;background-image: url(../../app/open/comsite/web/tpl/vs/static/'https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=modern%20industrial%20factory%20environmental%20protection%20equipment%20dark%20blue%20background&image_size=landscape_16_9');background-size: cover;background-position: center;z-index: -2;}.vs-stats-pro-overlay {position: absolute;inset: 0;background: linear-gradient(135deg, rgba(10, 22, 40, 0.92) 0%, rgba(10, 22, 40, 0.75) 100%);z-index: -1;}.vs-stats-pro-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 40px;}.vs-stats-pro-item {text-align: center;color: var(--vs-white);position: relative;padding: 20px 0;}.vs-stats-pro-item:not(:last-child)::after {content: '';position: absolute;right: -20px;top: 20%;height: 60%;width: 1px;background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.2), transparent);}.vs-stats-pro-num {font-size: clamp(3rem, 5vw, 4.5rem);font-weight: 900;line-height: 1;margin-bottom: 16px;background: linear-gradient(135deg, #ffffff 0%, #a8d8ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;letter-spacing: -0.02em;}.vs-stats-pro-unit {font-size: 0.5em;font-weight: 700;margin-left: 4px;}.vs-stats-pro-label {font-size: 1rem;opacity: 0.85;font-weight: 500;}/* Products */.vs-section-products {padding-top: 100px;}.vs-product-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 24px;}.vs-product-full {position: relative;border-radius: var(--vs-radius);overflow: hidden;border: 2px solid transparent;box-shadow: var(--vs-shadow-sm);transition: all 0.35s ease;}.vs-product-full:hover {transform: translateY(-6px);border-color: var(--vs-accent);box-shadow: 0 16px 40px rgba(0, 153, 68, 0.15);}.vs-product-thumb-full {position: relative;width: 100%;aspect-ratio: 4 / 3;overflow: hidden;}.vs-product-thumb-full img {width: 100%;height: 100%;object-fit: cover;}.vs-product-body-full {padding: 20px;background: #ffffff;}.vs-product-body-full h3 {margin: 0 0 8px;font-size: 1.1rem;font-weight: 700;}.vs-product-body-full h3 a {color: var(--vs-text);}.vs-product-link-full {display: inline-flex;align-items: center;gap: 6px;color: var(--vs-accent);font-weight: 600;font-size: 0.9rem;}/* Company Introduction */.vs-section-about-intro {padding: 80px 0;background: #fafbfc;}.vs-about-intro-layout {display: grid;grid-template-columns: 1fr 480px;gap: 48px;align-items: center;}.vs-about-intro-text h2 {margin: 8px 0 24px;font-size: 2.2rem;font-weight: 800;color: var(--vs-text);}.vs-about-intro-text p {margin: 0 0 32px;font-size: 1.05rem;color: var(--vs-text-light);line-height: 1.8;}.vs-about-intro-features {display: flex;flex-direction: column;gap: 20px;margin-bottom: 32px;}.vs-about-intro-feature {display: flex;align-items: flex-start;gap: 16px;padding: 20px;background: #ffffff;border-radius: 16px;border: 1px solid rgba(0, 153, 68, 0.06);}.vs-about-intro-feature-icon {font-size: 1.4rem;flex-shrink: 0;}.vs-about-intro-feature h4 {margin: 0 0 6px;font-size: 1rem;font-weight: 700;color: var(--vs-text);}.vs-about-intro-feature p {margin: 0;font-size: 0.88rem;color: var(--vs-text-light);}.vs-about-intro-img {border-radius: 24px;overflow: hidden;box-shadow: 0 16px 48px rgba(0, 0, 0, 0.08);}.vs-about-intro-img img {width: 100%;height: auto;object-fit: cover;}.vs-about-intro-media {display: flex;flex-direction: column;gap: 24px;}.vs-about-intro-action {text-align: center;}/* News - 新闻动态 */.vs-section-news {background: #ffffff;}.vs-news-layout {display: grid;grid-template-columns: 1fr 380px;gap: 28px;margin-top: 48px;width: 100%;align-items: stretch;}.vs-news-list-column {display: flex;flex-direction: column;gap: 0;background: #ffffff;border-radius: 16px;padding: 20px;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);}.vs-news-list-item {display: flex;gap: 20px;padding: 16px 0;transition: all 0.3s ease;text-decoration: none;color: inherit;border-bottom: 1px solid rgba(0, 0, 0, 0.04);}.vs-news-list-item:last-child {border-bottom: none;padding-bottom: 0;}.vs-news-list-item:hover {padding-left: 8px;}.vs-news-list-thumb {flex-shrink: 0;width: 140px;height: 90px;border-radius: 10px;overflow: hidden;}.vs-news-list-thumb img {width: 100%;height: 100%;object-fit: cover;}.vs-news-list-info {flex: 1;display: flex;flex-direction: column;justify-content: center;min-width: 0;}.vs-news-list-date {font-size: 0.85rem;color: var(--vs-muted);margin-bottom: 8px;}.vs-news-list-info h3 {margin: 0 0 8px;font-size: 1.05rem;font-weight: 700;color: var(--vs-text);line-height: 1.4;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.vs-news-list-info p {margin: 0;font-size: 0.88rem;color: var(--vs-text-light);line-height: 1.5;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.vs-news-featured-column {display: flex;flex-direction: column;gap: 16px;height: 100%;background: #ffffff;border-radius: 16px;padding: 20px;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);}.vs-news-featured-card {background: #f8fafc;border-radius: 16px;overflow: hidden;transition: all 0.3s ease;text-decoration: none;color: inherit;flex: 1;display: flex;flex-direction: column;}.vs-news-featured-card:hover {transform: translateY(-4px);box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);}.vs-news-featured-img {height: 280px;overflow: hidden;flex-shrink: 0;}.vs-news-featured-img img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}.vs-news-featured-card:hover .vs-news-featured-img img {transform: scale(1.08);}.vs-news-featured-content {padding: 24px;flex: 1;display: flex;flex-direction: column;}.vs-news-featured-tag {display: inline-block;padding: 6px 16px;background: var(--vs-accent);color: #ffffff;font-size: 0.75rem;font-weight: 700;border-radius: 999px;margin-bottom: 12px;}.vs-news-featured-content h3 {margin: 0 0 12px;font-size: 1.25rem;font-weight: 700;color: var(--vs-text);line-height: 1.4;}.vs-news-featured-content p {margin: 0;font-size: 0.9rem;color: var(--vs-text-light);line-height: 1.6;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;flex: 1;}/* Contact */.vs-section-contact {background: #ffffff;}.vs-contact-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 40px;margin-top: 48px;align-items: flex-start;}.vs-contact-info {display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px;}.vs-contact-card {background: #fafbfc;border-radius: 16px;padding: 24px;display: flex;align-items: flex-start;gap: 16px;transition: all 0.3s ease;}.vs-contact-card:hover {background: rgba(0, 153, 68, 0.04);transform: translateY(-2px);}.vs-contact-card-icon {font-size: 1.5rem;flex-shrink: 0;}.vs-contact-card-content h4 {margin: 0 0 8px;font-size: 0.95rem;font-weight: 700;color: var(--vs-text);}.vs-contact-card-content p {margin: 0;font-size: 0.9rem;color: var(--vs-text-light);}.vs-contact-form-box {background: #fafbfc;border-radius: 24px;padding: 32px;border: 1px solid rgba(0, 153, 68, 0.08);}.vs-contact-form-header {display: flex;align-items: center;gap: 16px;padding-bottom: 24px;margin-bottom: 24px;border-bottom: 1px solid rgba(0, 153, 68, 0.08);}.vs-contact-form-icon {width: 56px;height: 56px;background: linear-gradient(135deg, var(--vs-accent) 0%, var(--vs-accent-hover) 100%);border-radius: 16px;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;}.vs-contact-form-header h4 {margin: 0 0 4px;font-size: 1.2rem;font-weight: 800;color: var(--vs-text);}.vs-contact-form-header p {margin: 0;font-size: 0.9rem;color: var(--vs-text-light);}.vs-form-group {margin-bottom: 20px;}.vs-form-group label {display: block;margin-bottom: 8px;font-size: 0.9rem;font-weight: 600;color: var(--vs-text);}.vs-form-group label span {color: #ef4444;}.vs-form-group input,.vs-form-group textarea {width: 100%;padding: 14px 18px;border: 2px solid rgba(0, 153, 68, 0.08);border-radius: 12px;background: #ffffff;color: var(--vs-text);font-size: 0.95rem;font-family: inherit;outline: none;transition: all 0.3s ease;}.vs-form-group input:focus,.vs-form-group textarea:focus {border-color: var(--vs-accent);box-shadow: 0 0 0 4px rgba(0, 153, 68, 0.08);}.vs-form-group textarea {resize: vertical;min-height: 120px;}/* Partners */.vs-section-partners {padding: 80px 0;background: #fafbfc;}.vs-partners-wrap {overflow: hidden;position: relative;margin-top: 48px;}.vs-partners-track {display: flex;gap: 24px;animation: vsPartnersScroll 30s linear infinite;width: max-content;}.vs-partners-wrap:hover .vs-partners-track {animation-play-state: paused;}.vs-partner-item {flex-shrink: 0;width: 280px;height: 120px;display: flex;align-items: center;justify-content: center;background: #ffffff;border-radius: 12px;padding: 24px;filter: grayscale(0.6);opacity: 0.8;transition: all 0.3s ease;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);}.vs-partner-item:hover {filter: grayscale(0);opacity: 1;transform: scale(1.05);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);}.vs-partner-item img {max-width: 100%;max-height: 80px;object-fit: contain;}@keyframes vsPartnersScroll {0% { transform: translateX(0); }100% { transform: translateX(-50%); }}/* About Page */.vs-page-header {padding: 60px 0;background: linear-gradient(135deg, var(--vs-primary) 0%, var(--vs-primary-dark) 100%);text-align: center;}.vs-page-header h1 {margin: 0 0 12px;font-size: 2.5rem;font-weight: 800;color: #ffffff;}.vs-page-header p {margin: 0;font-size: 1.1rem;color: rgba(255,255,255,0.7);}.vs-section-about-main {padding: 80px 0;}.vs-about-main-header {text-align: center;margin-bottom: 48px;}.vs-about-main-content {max-width: 900px;margin: 0 auto 48px;}.vs-about-main-text {font-size: 1.05rem;line-height: 1.8;color: var(--vs-text-light);}.vs-about-main-text p {margin: 0 0 20px;}.vs-about-main-text p:last-child {margin-bottom: 0;}.vs-about-main-stats {display: flex;justify-content: center;align-items: center;gap: 48px;margin-bottom: 48px;padding: 32px;background: rgba(0, 153, 68, 0.04);border-radius: 24px;}.vs-about-main-stat {text-align: center;}.vs-about-main-stat-num {display: block;font-size: 2.8rem;font-weight: 900;color: var(--vs-accent);line-height: 1;}.vs-about-main-stat-label {display: block;font-size: 0.9rem;color: var(--vs-text-light);margin-top: 8px;}.vs-about-main-stat-divider {width: 1px;height: 60px;background: rgba(0, 153, 68, 0.15);}.vs-about-main-media {text-align: center;}.vs-about-main-image {max-width: 100%;border-radius: 24px;box-shadow: 0 16px 48px rgba(0, 0, 0, 0.08);}/* Certifications Grid */.vs-section-alt {background: #fafbfc;}.vs-cert-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;margin-top: 48px;}.vs-cert-item {position: relative;background: #ffffff;border-radius: 16px;overflow: hidden;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);}.vs-cert-item:hover {transform: translateY(-4px);box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);}.vs-cert-item-inner {padding: 20px;}.vs-cert-item-inner img {width: 100%;aspect-ratio: 1 / 1.414;object-fit: contain;background: #f5f7fa;border-radius: 8px;}.vs-cert-overlay {position: absolute;inset: 0;background: rgba(0, 153, 68, 0.8);display: flex;flex-direction: column;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.3s ease;color: #ffffff;}.vs-cert-item:hover .vs-cert-overlay {opacity: 1;}.vs-cert-overlay-icon {font-size: 2rem;margin-bottom: 8px;}.vs-cert-overlay span:last-child {font-size: 0.9rem;font-weight: 600;}/* Card Grid */.vs-card-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;margin-top: 48px;}.vs-card {background: #ffffff;border-radius: 16px;padding: 32px;text-align: center;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);transition: all 0.3s ease;}.vs-card:hover {transform: translateY(-4px);box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);}.vs-card-icon {font-size: 2.5rem;margin-bottom: 16px;}.vs-card h3 {margin: 0 0 12px;font-size: 1.15rem;font-weight: 700;color: var(--vs-text);}.vs-card p {margin: 0;font-size: 0.9rem;color: var(--vs-text-light);line-height: 1.6;}/* Horizontal Timeline */.vs-section-timeline {padding: 80px 0;}.vs-timeline-h {position: relative;margin-bottom: 40px;}.vs-timeline-h-track {display: flex;justify-content: space-between;align-items: flex-start;padding: 0 40px;position: relative;}.vs-timeline-h-track::before {content: '';position: absolute;top: 24px;left: 40px;right: 40px;height: 2px;background: linear-gradient(90deg, rgba(0, 153, 68, 0.2), rgba(0, 153, 68, 0.8), rgba(0, 153, 68, 0.2));}.vs-timeline-h-node {position: relative;display: flex;flex-direction: column;align-items: center;cursor: pointer;transition: all 0.3s ease;}.vs-timeline-h-node:hover,.vs-timeline-h-node.active {transform: translateY(-4px);}.vs-timeline-h-dot {width: 24px;height: 24px;border-radius: 50%;background: #ffffff;border: 4px solid rgba(0, 153, 68, 0.3);margin-bottom: 12px;transition: all 0.3s ease;}.vs-timeline-h-node.active .vs-timeline-h-dot,.vs-timeline-h-node:hover .vs-timeline-h-dot {background: var(--vs-accent);border-color: var(--vs-accent);box-shadow: 0 0 0 8px rgba(0, 153, 68, 0.1);}.vs-timeline-h-year {font-size: 1.1rem;font-weight: 800;color: var(--vs-text);margin-bottom: 4px;}.vs-timeline-h-label {font-size: 0.85rem;color: var(--vs-text-light);}.vs-timeline-h-viewport {overflow: hidden;border-radius: 24px;}.vs-timeline-h-cards {display: flex;transition: transform 0.5s ease;}.vs-timeline-h-card {flex-shrink: 0;width: 100%;padding: 40px;background: rgba(0, 153, 68, 0.04);border-radius: 24px;}.vs-timeline-h-card h3 {margin: 0 0 16px;font-size: 1.6rem;font-weight: 800;color: var(--vs-text);}.vs-timeline-h-card p {margin: 0;font-size: 1.1rem;color: var(--vs-text-light);line-height: 1.8;}/* Gallery */.vs-section-gallery {padding: 80px 0;}.vs-about-gallery {position: relative;margin-top: 48px;}.vs-about-gallery-track {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;overflow-x: auto;scrollbar-width: none;}.vs-about-gallery-track::-webkit-scrollbar {display: none;}.vs-about-gallery-item {position: relative;border-radius: 16px;overflow: hidden;aspect-ratio: 16/9;cursor: pointer;transition: all 0.3s ease;}.vs-about-gallery-item:hover {transform: scale(1.02);}.vs-about-gallery-item img {width: 100%;height: 100%;object-fit: cover;}.vs-about-gallery-caption {position: absolute;bottom: 0;left: 0;right: 0;padding: 16px 20px;background: linear-gradient(to top, rgba(10, 22, 40, 0.9), transparent);color: #ffffff;font-size: 0.9rem;font-weight: 600;}.vs-about-gallery-prev,.vs-about-gallery-next {position: absolute;top: 50%;transform: translateY(-50%);width: 52px;height: 52px;border: none;background: rgba(255, 255, 255, 0.9);color: var(--vs-text);font-size: 1.5rem;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 10;transition: all 0.3s ease;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);}.vs-about-gallery-prev:hover,.vs-about-gallery-next:hover {background: var(--vs-accent);color: #ffffff;}.vs-about-gallery-prev {left: -26px;}.vs-about-gallery-next {right: -26px;}/* News List Page */.vs-layout {display: grid;grid-template-columns: 280px 1fr;gap: 48px;}.vs-sidebar {flex-shrink: 0;}.vs-box {background: #ffffff;border-radius: 16px;padding: 24px;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);}.vs-sidebar-title {font-size: 1.1rem;font-weight: 800;color: var(--vs-text);margin-bottom: 20px;padding-bottom: 12px;border-bottom: 2px solid rgba(0, 153, 68, 0.1);}.vs-sidebar-menu {list-style: none;margin: 0;padding: 0;}.vs-sidebar-menu li + li {margin-top: 8px;}.vs-sidebar-menu a {display: block;padding: 12px 16px;border-radius: 10px;font-size: 0.95rem;color: var(--vs-text-light);transition: all 0.3s ease;}.vs-sidebar-menu a:hover,.vs-sidebar-menu a.active {background: rgba(0, 153, 68, 0.06);color: var(--vs-accent);}.vs-sidebar-hot {display: flex;flex-direction: column;gap: 12px;}.vs-sidebar-hot-item {display: flex;align-items: center;gap: 12px;padding: 10px 12px;border-radius: 10px;transition: all 0.3s ease;font-size: 0.9rem;color: var(--vs-text-light);}.vs-sidebar-hot-item:hover {background: rgba(0, 153, 68, 0.06);}.vs-sidebar-hot-num {width: 28px;height: 28px;border-radius: 50%;background: rgba(0, 153, 68, 0.1);color: var(--vs-accent);font-size: 0.8rem;font-weight: 700;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.vs-sidebar-hot-title {flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.vs-main {min-width: 0;}.vs-news-archive-wrapper {display: flex;flex-direction: column;gap: 20px;}.vs-news-archive-item {background: #ffffff;border-radius: 16px;overflow: hidden;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);transition: all 0.3s ease;}.vs-news-archive-item:hover {transform: translateY(-2px);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}.vs-news-archive-link {display: flex;gap: 24px;padding: 20px;text-decoration: none;color: inherit;}.vs-news-archive-thumb {flex-shrink: 0;width: 200px;height: 140px;border-radius: 12px;overflow: hidden;}.vs-news-archive-thumb img {width: 100%;height: 100%;object-fit: cover;}.vs-news-archive-content {flex: 1;display: flex;flex-direction: column;justify-content: center;min-width: 0;}.vs-news-archive-meta {display: flex;gap: 16px;margin-bottom: 12px;font-size: 0.85rem;color: var(--vs-muted);}.vs-news-archive-date {display: flex;align-items: center;gap: 4px;}.vs-news-archive-content h3 {margin: 0 0 10px;font-size: 1.15rem;font-weight: 700;color: var(--vs-text);line-height: 1.4;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.vs-news-archive-desc {margin: 0;font-size: 0.9rem;color: var(--vs-text-light);line-height: 1.6;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.lcms-pager {margin-top: 40px;text-align: center;}.lcms-pager a,.lcms-pager span {display: inline-block;padding: 10px 16px;margin: 0 4px;border-radius: 8px;font-size: 0.95rem;text-decoration: none;color: var(--vs-text-light);transition: all 0.3s ease;}.lcms-pager a:hover {background: rgba(0, 153, 68, 0.1);color: var(--vs-accent);}.lcms-pager span {background: rgba(0, 153, 68, 0.06);color: var(--vs-accent);font-weight: 700;}/* Lightbox */.vs-lightbox {display: none;position: fixed;inset: 0;background: rgba(0, 0, 0, 0.9);z-index: 500;align-items: center;justify-content: center;}.vs-lightbox.active {display: flex;}.vs-lightbox-close {position: absolute;top: 24px;right: 24px;font-size: 2rem;color: #ffffff;cursor: pointer;z-index: 501;}.vs-lightbox img {max-width: 90%;max-height: 90%;object-fit: contain;}/* Footer */.vs-footer {background: linear-gradient(180deg, var(--vs-primary-dark) 0%, #062029 100%);color: rgba(255,255,255,0.7);padding: 64px 0 32px;}.vs-footer-grid {display: grid;grid-template-columns: 1.6fr 1fr 1fr 1fr;gap: 40px;margin-bottom: 48px;}.vs-footer-logo {display: inline-flex;align-items: center;margin-bottom: 16px;}.vs-footer-logo img {max-height: 36px;width: auto;display: block;}.vs-footer-logo strong {font-size: 1.25rem;font-weight: 800;color: var(--vs-white);}.vs-footer-desc {font-size: 0.9rem;line-height: 1.7;margin-bottom: 20px;}.vs-footer-title {font-size: 1rem;font-weight: 700;color: var(--vs-white);margin: 0 0 18px;}.vs-footer-links {list-style: none;margin: 0;padding: 0;}.vs-footer-links li + li {margin-top: 10px;}.vs-footer-links a {font-size: 0.9rem;transition: color 0.2s;}.vs-footer-links a:hover {color: var(--vs-white);}.vs-footer-contact p {margin: 0 0 8px;font-size: 0.9rem;}.vs-footer-bottom {border-top: 1px solid rgba(255,255,255,0.08);padding-top: 24px;text-align: center;font-size: 0.85rem;color: rgba(255,255,255,0.5);}.vs-qr-img {width: 100px;height: 100px;border-radius: 8px;display: block;background: var(--vs-white);padding: 4px;}.vs-qr-placeholder {width: 100px;height: 100px;border-radius: 8px;background: rgba(255,255,255,0.08);display: flex;align-items: center;justify-content: center;font-size: 0.75rem;color: rgba(255,255,255,0.5);}/* Responsive */@media (max-width: 1024px) {.vs-news-layout {grid-template-columns: 1fr;}.vs-about-intro-layout {grid-template-columns: 1fr;}.vs-contact-grid {grid-template-columns: 1fr;}}@media (max-width: 980px) {.vs-stats-pro-grid {grid-template-columns: repeat(2, 1fr);gap: 40px 24px;}.vs-stats-pro-item:not(:last-child)::after {display: none;}.vs-product-grid {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 680px) {.vs-nav {flex-wrap: wrap;}.vs-menu-list {display: none;width: 100%;flex-direction: column;gap: 0;background: var(--vs-white);border-radius: var(--vs-radius-sm);box-shadow: var(--vs-shadow);padding: 8px 0;margin-top: 12px;}.vs-menu-list.vs-menu-open {display: flex;}.vs-menu-list a {padding: 12px 20px;width: 100%;border-bottom: 1px solid rgba(0, 153, 68, 0.05);}.vs-menu-list a::after {display: none;}.vs-nav-toggle {display: block;}.vs-hero {padding: 0;}.vs-stats-pro-grid {grid-template-columns: 1fr;}.vs-product-grid {grid-template-columns: 1fr;}.vs-contact-info {grid-template-columns: 1fr;}.vs-partners-grid {grid-template-columns: repeat(3, 1fr);}.vs-footer-grid {grid-template-columns: 1fr;gap: 32px;}.vs-dropdown-full {height: auto;max-height: 80vh;overflow-y: auto;}.vs-dropdown-grid {grid-template-columns: repeat(2, 1fr);}}
/**
* @ ac5db75f85b8c3a32153c93986dc43d6
*/
:root {--vs-primary: #0e4c5f;--vs-primary-dark: #093642;--vs-primary-light: #1a7a8d;--vs-accent: #f59e0b;--vs-accent-hover: #d97706;--vs-text: #1e293b;--vs-text-light: #475569;--vs-muted: #94a3b8;--vs-bg: #f8fafc;--vs-white: #ffffff;--vs-card: rgba(255, 255, 255, 0.96);--vs-shadow: 0 10px 40px rgba(14, 76, 95, 0.08);--vs-shadow-sm: 0 2px 8px rgba(14, 76, 95, 0.06);--vs-radius: 16px;--vs-radius-sm: 10px;--vs-gap: 24px;}* {box-sizing: border-box;}html {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;line-height: 1.6;color: var(--vs-text);background: var(--vs-bg);scroll-behavior: smooth;font-size: 16px !important;}body {margin: 0;min-height: 100%;}a {color: inherit;text-decoration: none;}img {max-width: 100%;display: block;}button {font: inherit;}/* Utility */.vs-site {width: min(1200px, calc(100% - 32px));margin: 0 auto;}.vs-flex {display: flex;}.vs-flex-between {display: flex;align-items: center;justify-content: space-between;}.vs-grid-2 {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--vs-gap);}.vs-grid-3 {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--vs-gap);}.vs-grid-4 {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--vs-gap);}/* Header */.vs-header {position: sticky;top: 0;z-index: 100;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(12px);box-shadow: var(--vs-shadow-sm);border-bottom: 1px solid rgba(14, 76, 95, 0.06);}.vs-nav {display: flex;align-items: center;justify-content: space-between;padding: 16px 0;}.vs-brand {font-size: 1.5rem;font-weight: 800;color: var(--vs-primary);letter-spacing: -0.5px;}.vs-brand small {display: block;font-size: 0.65rem;font-weight: 500;color: var(--vs-muted);letter-spacing: 1px;text-transform: uppercase;}.vs-menu {display: flex;gap: 36px;flex-wrap: wrap;align-items: center;}.vs-menu a {color: var(--vs-text-light);font-size: 0.95rem;font-weight: 500;transition: color 0.2s ease;position: relative;}.vs-menu a::after {content: "";position: absolute;bottom: -4px;left: 0;width: 0;height: 2px;background: var(--vs-primary);transition: width 0.3s ease;}.vs-menu a:hover,.vs-menu a.active {color: var(--vs-primary);}.vs-menu a:hover::after,.vs-menu a.active::after {width: 100%;}.vs-nav-toggle {display: none;background: none;border: none;font-size: 1.5rem;color: var(--vs-primary);cursor: pointer;}/* Hero */.vs-hero {background: linear-gradient(135deg, var(--vs-primary-dark) 0%, var(--vs-primary) 100%);color: var(--vs-white);padding: 100px 0 90px;position: relative;overflow: hidden;}.vs-hero::before {content: "";position: absolute;top: -50%;right: -10%;width: 600px;height: 600px;background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%);border-radius: 50%;}.vs-hero-inner {display: grid;grid-template-columns: minmax(0, 1.2fr) minmax(260px, 1fr);gap: 56px;align-items: center;position: relative;z-index: 1;}.vs-hero h1 {margin: 0 0 20px;font-size: clamp(2rem, 4vw, 3.2rem);line-height: 1.15;font-weight: 800;}.vs-hero p {margin: 0 0 32px;font-size: 1.1rem;opacity: 0.9;max-width: 520px;line-height: 1.7;}.vs-buttons {display: flex;flex-wrap: wrap;gap: 16px;}.vs-btn {display: inline-flex;align-items: center;justify-content: center;border: none;border-radius: 999px;padding: 14px 32px;cursor: pointer;transition: transform 0.2s ease, box-shadow 0.2s ease;font-weight: 600;font-size: 0.95rem;}.vs-btn:hover {transform: translateY(-2px);}.vs-btn-primary {background: var(--vs-accent);color: var(--vs-white);box-shadow: 0 4px 14px rgba(245, 158, 11, 0.35);}.vs-btn-primary:hover {background: var(--vs-accent-hover);}.vs-btn-outline {background: transparent;color: var(--vs-white);border: 1px solid rgba(255,255,255,0.4);}.vs-btn-outline:hover {background: rgba(255,255,255,0.08);border-color: rgba(255,255,255,0.6);}.vs-hero-visual {display: grid;place-items: center;}.vs-hero-visual img {border-radius: var(--vs-radius);box-shadow: 0 24px 60px rgba(0,0,0,0.25);}.vs-hero-slider {position: relative;width: 100%;aspect-ratio: 4 / 3;border-radius: var(--vs-radius);overflow: hidden;box-shadow: 0 24px 60px rgba(0,0,0,0.25);}.vs-hero-track {display: flex;width: 100%;height: 100%;transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);will-change: transform;}.vs-hero-slide {flex: 0 0 100%;width: 100%;height: 100%;object-fit: cover;display: block;}.vs-hero-slide.active {/* active class retained for dot sync compatibility */}.vs-hero-dots {position: absolute;bottom: 16px;left: 50%;transform: translateX(-50%);display: flex;gap: 8px;z-index: 2;}.vs-hero-dot {width: 10px;height: 10px;border-radius: 50%;background: rgba(255,255,255,0.4);cursor: pointer;transition: background 0.3s, transform 0.3s;}.vs-hero-dot.active {background: var(--vs-white);transform: scale(1.2);}/* Stats bar */.vs-stats {background: var(--vs-white);padding: 48px 0;margin-top: -40px;position: relative;z-index: 2;border-radius: var(--vs-radius);box-shadow: var(--vs-shadow);}.vs-stats-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;text-align: center;}.vs-stat-item h4 {font-size: 2rem;font-weight: 800;color: var(--vs-primary);margin: 0 0 6px;}.vs-stat-item p {margin: 0;color: var(--vs-text-light);font-size: 0.9rem;}/* Sections */.vs-section {padding: 80px 0;}.vs-section-alt {background: var(--vs-white);}.vs-section-head {text-align: center;margin-bottom: 56px;}.vs-section-head h2 {margin: 0 0 14px;font-size: clamp(1.6rem, 2.5vw, 2.2rem);font-weight: 800;color: var(--vs-text);}.vs-section-head p {margin: 0 auto;color: var(--vs-text-light);max-width: 640px;font-size: 1rem;}.vs-tag {display: inline-flex;padding: 6px 16px;border-radius: 999px;background: rgba(14, 76, 95, 0.08);color: var(--vs-primary);font-weight: 700;font-size: 0.8rem;margin-bottom: 14px;letter-spacing: 0.5px;}/* Cards */.vs-card-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: var(--vs-gap);}.vs-card {background: var(--vs-card);border-radius: var(--vs-radius);padding: 32px;box-shadow: var(--vs-shadow-sm);border: 1px solid rgba(14, 76, 95, 0.05);transition: transform 0.25s ease, box-shadow 0.25s ease;}.vs-card:hover {transform: translateY(-4px);box-shadow: var(--vs-shadow);}.vs-card-icon {width: 52px;height: 52px;border-radius: 12px;background: linear-gradient(135deg, var(--vs-primary) 0%, var(--vs-primary-light) 100%);color: var(--vs-white);display: grid;place-items: center;font-size: 1.4rem;margin-bottom: 20px;}.vs-card h3 {margin: 0 0 10px;font-size: 1.1rem;color: var(--vs-text);}.vs-card p {margin: 0;color: var(--vs-text-light);font-size: 0.95rem;line-height: 1.6;}/* Product card with image */.vs-product-card {background: var(--vs-white);border-radius: var(--vs-radius);overflow: hidden;box-shadow: var(--vs-shadow-sm);border: 1px solid rgba(14, 76, 95, 0.05);transition: transform 0.25s ease, box-shadow 0.25s ease;display: flex;flex-direction: column;}.vs-product-card:hover {transform: translateY(-4px);box-shadow: var(--vs-shadow);}.vs-product-thumb {aspect-ratio: 4 / 3;background: linear-gradient(135deg, #e2e8f0 0%, #f1f5f9 100%);display: grid;place-items: center;color: var(--vs-muted);font-size: 0.85rem;overflow: hidden;}.vs-product-thumb img {width: 100%;height: 100%;object-fit: cover;}.vs-product-body {padding: 16px 20px 20px;flex: 1;display: flex;flex-direction: column;text-align: center;}.vs-product-body h3 {margin: 0 0 10px;font-size: 1.05rem;}.vs-product-body h3 a {color: var(--vs-text);transition: color 0.2s;}.vs-product-body h3 a:hover {color: var(--vs-primary);}.vs-product-body p {margin: 0 0 16px;color: var(--vs-text-light);font-size: 0.9rem;line-height: 1.6;flex: 1;}.vs-product-body .vs-link {font-size: 0.9rem;font-weight: 600;color: var(--vs-primary);display: inline-flex;align-items: center;gap: 6px;}.vs-product-body .vs-link::after {content: "→";transition: transform 0.2s;}.vs-product-body .vs-link:hover::after {transform: translateX(4px);}/* Box */.vs-box {padding: 32px;border-radius: var(--vs-radius);background: var(--vs-card);box-shadow: var(--vs-shadow-sm);border: 1px solid rgba(14, 76, 95, 0.05);}/* Breadcrumb */.vs-breadcrumb {padding: 18px 0;font-size: 0.85rem;color: var(--vs-muted);}.vs-breadcrumb a {color: var(--vs-text-light);transition: color 0.2s;}.vs-breadcrumb a:hover {color: var(--vs-primary);}.vs-breadcrumb span {margin: 0 8px;}/* Page header */.vs-page-header {background: linear-gradient(135deg, var(--vs-primary) 0%, var(--vs-primary-dark) 100%);color: var(--vs-white);padding: 64px 0 56px;text-align: center;}.vs-page-header h1 {margin: 0 0 10px;font-size: clamp(1.6rem, 3vw, 2.4rem);font-weight: 800;}.vs-page-header p {margin: 0 auto;opacity: 0.9;max-width: 600px;}/* Layout with sidebar */.vs-layout {display: grid;grid-template-columns: 260px 1fr;gap: 40px;align-items: start;}.vs-sidebar {position: sticky;top: 90px;}.vs-sidebar-title {font-size: 1.1rem;font-weight: 700;margin: 0 0 16px;padding-bottom: 12px;border-bottom: 2px solid var(--vs-primary);color: var(--vs-text);}.vs-sidebar-menu {list-style: none;margin: 0;padding: 0;}.vs-sidebar-menu li + li {border-top: 1px solid rgba(14, 76, 95, 0.06);}.vs-sidebar-menu a {display: block;padding: 12px 0;color: var(--vs-text-light);font-size: 0.95rem;transition: color 0.2s, padding-left 0.2s;}.vs-sidebar-menu a:hover,.vs-sidebar-menu a.active {color: var(--vs-primary);padding-left: 8px;font-weight: 600;}/* News list */.vs-news-item {display: grid;grid-template-columns: 180px 1fr;gap: 24px;padding: 24px 0;border-bottom: 1px solid rgba(14, 76, 95, 0.06);align-items: start;}.vs-news-thumb {aspect-ratio: 16 / 10;background: linear-gradient(135deg, #e2e8f0 0%, #f1f5f9 100%);border-radius: var(--vs-radius-sm);overflow: hidden;}.vs-news-thumb img {width: 100%;height: 100%;object-fit: cover;}.vs-news-body h3 {margin: 0 0 8px;font-size: 1.1rem;}.vs-news-body h3 a {color: var(--vs-text);}.vs-news-body h3 a:hover {color: var(--vs-primary);}.vs-news-meta {font-size: 0.8rem;color: var(--vs-muted);margin-bottom: 8px;}.vs-news-body p {margin: 0;color: var(--vs-text-light);font-size: 0.95rem;line-height: 1.6;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}/* Article */.vs-article {background: var(--vs-white);border-radius: var(--vs-radius);padding: 40px;box-shadow: var(--vs-shadow-sm);border: 1px solid rgba(14, 76, 95, 0.05);}.vs-article h1 {margin: 0 0 16px;font-size: 1.6rem;line-height: 1.3;}.vs-article-meta {color: var(--vs-muted);font-size: 0.85rem;margin-bottom: 24px;padding-bottom: 20px;border-bottom: 1px solid rgba(14, 76, 95, 0.06);}.vs-article-body {color: var(--vs-text-light);line-height: 1.8;font-size: 1rem;}.vs-article-body p {margin: 0 0 16px;}.vs-article-body img {border-radius: var(--vs-radius-sm);margin: 16px 0;}/* Footer */.vs-footer {background: linear-gradient(180deg, var(--vs-primary-dark) 0%, #062029 100%);color: rgba(255,255,255,0.7);padding: 64px 0 32px;}.vs-footer-grid {display: grid;grid-template-columns: 1.6fr 1fr 1fr 1fr;gap: 40px;margin-bottom: 48px;}.vs-footer-brand {font-size: 1.4rem;font-weight: 800;color: var(--vs-white);margin-bottom: 16px;}.vs-footer-desc {font-size: 0.9rem;line-height: 1.7;margin-bottom: 20px;}.vs-footer-title {font-size: 1rem;font-weight: 700;color: var(--vs-white);margin: 0 0 18px;}.vs-footer-links {list-style: none;margin: 0;padding: 0;}.vs-footer-links li + li {margin-top: 10px;}.vs-footer-links a {font-size: 0.9rem;transition: color 0.2s;}.vs-footer-links a:hover {color: var(--vs-white);}.vs-footer-contact p {margin: 0 0 8px;font-size: 0.9rem;}.vs-footer-bottom {border-top: 1px solid rgba(255,255,255,0.08);padding-top: 24px;text-align: center;font-size: 0.85rem;color: rgba(255,255,255,0.5);}/* Responsive */@media (max-width: 1024px) {.vs-layout {grid-template-columns: 1fr;}.vs-sidebar {position: static;}.vs-footer-grid {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 980px) {.vs-hero-inner {grid-template-columns: 1fr;text-align: center;}.vs-hero p {margin-left: auto;margin-right: auto;}.vs-hero-visual {order: -1;}.vs-hero-visual img {max-width: 360px;margin: 0 auto;}.vs-stats-grid {grid-template-columns: repeat(2, 1fr);}.vs-card-grid {grid-template-columns: repeat(2, 1fr);}.vs-news-item {grid-template-columns: 1fr;}.vs-news-thumb {max-width: 100%;aspect-ratio: 16 / 9;}}@media (max-width: 680px) {.vs-nav {flex-wrap: wrap;}.vs-menu {display: none;width: 100%;flex-direction: column;gap: 0;background: var(--vs-white);border-radius: var(--vs-radius-sm);box-shadow: var(--vs-shadow);padding: 8px 0;margin-top: 12px;}.vs-menu.vs-menu-open {display: flex;}.vs-menu a {padding: 12px 20px;width: 100%;border-bottom: 1px solid rgba(14, 76, 95, 0.05);}.vs-menu a::after {display: none;}.vs-nav-toggle {display: block;}.vs-hero {padding: 72px 0 64px;}.vs-stats {margin-top: -24px;padding: 32px 20px;}.vs-stats-grid {grid-template-columns: repeat(2, 1fr);gap: 20px;}.vs-stat-item h4 {font-size: 1.5rem;}.vs-card-grid {grid-template-columns: 1fr;}.vs-section {padding: 56px 0;}.vs-footer-grid {grid-template-columns: 1fr;gap: 32px;}.vs-grid-2,.vs-grid-3,.vs-grid-4 {grid-template-columns: 1fr;}.vs-article {padding: 24px;}}/* Menu list fix (head.html uses .vs-menu-list) */.vs-menu-list {display: flex;gap: 36px;flex-wrap: wrap;align-items: center;list-style: none;margin: 0;padding: 0;}.vs-menu-list a {color: var(--vs-text-light);font-size: 0.95rem;font-weight: 500;transition: color 0.2s ease;position: relative;}.vs-menu-list a::after {content: "";position: absolute;bottom: -4px;left: 0;width: 0;height: 2px;background: var(--vs-primary);transition: width 0.3s ease;}.vs-menu-list a:hover,.vs-menu-list a.active {color: var(--vs-primary);}.vs-menu-list a:hover::after,.vs-menu-list a.active::after {width: 100%;}@media (max-width: 680px) {.vs-menu-list {display: none;width: 100%;flex-direction: column;gap: 0;background: var(--vs-white);border-radius: var(--vs-radius-sm);box-shadow: var(--vs-shadow);padding: 8px 0;margin-top: 12px;}.vs-menu-list.vs-menu-open {display: flex;}.vs-menu-list a {padding: 12px 20px;width: 100%;border-bottom: 1px solid rgba(14, 76, 95, 0.05);}.vs-menu-list a::after {display: none;}}/* Logo */.vs-logo {max-height: 56px;width: auto;display: block;}/* Dropdown - mega menu */.vs-dropdown {position: absolute;top: 100%;left: 0;right: 0;width: 100%;opacity: 0;visibility: hidden;transform: translateY(4px);transition: all 0.25s ease;z-index: 99;}.has-dropdown {position: static;}.has-dropdown:hover > .vs-dropdown {opacity: 1;visibility: visible;transform: translateY(0);}.vs-dropdown-inner {max-width: 1200px;margin: 0 auto;padding: 24px;background: var(--vs-white);border-radius: 0 0 var(--vs-radius-sm) var(--vs-radius-sm);box-shadow: var(--vs-shadow);}.vs-dropdown-mega .vs-dropdown-inner {display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;}.vs-mega-item {display: flex;align-items: center;gap: 12px;padding: 8px;border-radius: var(--vs-radius-sm);transition: background 0.2s ease;}.vs-mega-item:hover {background: var(--vs-bg);}.vs-mega-thumb {width: 48px;height: 48px;border-radius: 8px;overflow: hidden;flex-shrink: 0;background: var(--vs-bg);}.vs-mega-thumb img {width: 100%;height: 100%;object-fit: cover;}.vs-mega-item span {font-size: 0.85rem;font-weight: 500;color: var(--vs-text);}/* Banner overlay for background image *//* About video */.vs-about-media video {width: 100%;height: auto;border-radius: var(--vs-radius);display: block;object-fit: cover;}/* Pagination */.lcms-pager {margin-top: 40px;}.lcms-pager ul {display: flex;flex-wrap: wrap;gap: 8px;justify-content: center;list-style: none;padding: 0;margin: 0;}.lcms-pager ul li {min-width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border: 1px solid rgba(14, 76, 95, 0.1);border-radius: 8px;font-size: 0.9rem;color: var(--vs-text-light);background: var(--vs-white);transition: all 0.2s ease;}.lcms-pager ul li:hover {border-color: var(--vs-primary);color: var(--vs-primary);}.lcms-pager ul .am-active {background: var(--vs-primary);border-color: var(--vs-primary);color: var(--vs-white);}.lcms-pager ul .am-disabled {opacity: 0.4;pointer-events: none;}/* Mobile dropdown */@media (max-width: 680px) {.has-dropdown > a::after {content: "+";margin-left: auto;font-size: 1.2rem;color: var(--vs-muted);}.has-dropdown.vs-dropdown-open > a::after {content: "−";}.vs-dropdown-mega {display: none;position: static;left: auto;right: auto;width: auto;opacity: 1;visibility: visible;transform: none;transition: none;}.vs-menu-list > li.vs-dropdown-open .vs-dropdown-mega {display: block;}.vs-dropdown-mega .vs-dropdown-inner {min-width: auto;grid-template-columns: repeat(2, 1fr);gap: 8px;padding: 12px;box-shadow: none;background: rgba(14, 76, 95, 0.02);border-radius: var(--vs-radius-sm);}.vs-mega-item {padding: 6px;}.vs-mega-thumb {width: 40px;height: 40px;}}/* Footer enhancements */.vs-footer-logo {display: inline-flex;align-items: center;margin-bottom: 16px;}.vs-footer-logo img {max-height: 36px;width: auto;display: block;}.vs-footer-logo strong {font-size: 1.25rem;font-weight: 800;color: var(--vs-white);}.vs-qr-img {width: 100px;height: 100px;border-radius: 8px;display: block;background: var(--vs-white);padding: 4px;}.vs-qr-placeholder {width: 100px;height: 100px;border-radius: 8px;background: rgba(255,255,255,0.08);display: flex;align-items: center;justify-content: center;font-size: 0.75rem;color: rgba(255,255,255,0.5);}.vs-footer-form-section {border-top: 1px solid rgba(255,255,255,0.08);margin-top: 40px;padding-top: 40px;}.vs-footer-form-title {font-size: 1.1rem;font-weight: 700;color: var(--vs-white);margin-bottom: 20px;}.vs-feedback-simple .vs-form-row {display: flex;gap: 16px;margin-bottom: 16px;align-items: stretch;}.vs-feedback-simple input,.vs-feedback-simple textarea {flex: 1;padding: 12px 16px;border: 1px solid rgba(255,255,255,0.12);border-radius: var(--vs-radius-sm);background: rgba(255,255,255,0.06);color: var(--vs-white);font-size: 0.9rem;font-family: inherit;outline: none;transition: border-color 0.2s, background 0.2s;}.vs-feedback-simple input::placeholder,.vs-feedback-simple textarea::placeholder {color: rgba(255,255,255,0.4);}.vs-feedback-simple input:focus,.vs-feedback-simple textarea:focus {border-color: rgba(255,255,255,0.3);background: rgba(255,255,255,0.1);}.vs-feedback-simple textarea {resize: vertical;min-height: 80px;}.vs-feedback-simple .vs-btn {flex: 0 0 auto;align-self: flex-end;}/* CMS feedback form override in footer */.vs-footer-form-section .lcms-feedback-form {display: flex;flex-wrap: wrap;gap: 16px;}.vs-footer-form-section .lcms-feedback-form > div {flex: 1 1 calc(33.333% - 16px);min-width: 200px;}.vs-footer-form-section .lcms-feedback-form > div:last-child {flex: 1 1 100%;display: flex;gap: 16px;align-items: flex-end;}.vs-footer-form-section .lcms-feedback-form label {display: block;color: rgba(255,255,255,0.7);font-size: 0.85rem;margin-bottom: 6px;}.vs-footer-form-section .lcms-feedback-form label span {color: var(--vs-accent);}.vs-footer-form-section .lcms-feedback-form input,.vs-footer-form-section .lcms-feedback-form textarea,.vs-footer-form-section .lcms-feedback-form select {width: 100%;padding: 12px 16px;border: 1px solid rgba(255,255,255,0.12);border-radius: var(--vs-radius-sm);background: rgba(255,255,255,0.06);color: var(--vs-white);font-size: 0.9rem;font-family: inherit;outline: none;}.vs-footer-form-section .lcms-feedback-form input::placeholder,.vs-footer-form-section .lcms-feedback-form textarea::placeholder {color: rgba(255,255,255,0.4);}.vs-footer-form-section .lcms-feedback-form button {padding: 12px 32px;border: none;border-radius: var(--vs-radius-sm);background: var(--vs-accent);color: var(--vs-white);font-size: 0.95rem;font-weight: 600;cursor: pointer;transition: background 0.2s;white-space: nowrap;}.vs-footer-form-section .lcms-feedback-form button:hover {background: var(--vs-accent-hover);}@media (max-width: 980px) {.vs-footer-form-section .lcms-feedback-form > div {flex: 1 1 calc(50% - 16px);}}@media (max-width: 680px) {.vs-feedback-simple .vs-form-row {flex-direction: column;gap: 12px;}.vs-feedback-simple .vs-btn {align-self: stretch;width: 100%;}.vs-footer-form-section .lcms-feedback-form > div {flex: 1 1 100%;}.vs-footer-form-section .lcms-feedback-form > div:last-child {flex-direction: column;}}/* Home contact & feedback */.vs-contact-layout {display: grid;grid-template-columns: 320px 1fr;gap: 48px;align-items: start;}.vs-contact-info {display: flex;flex-direction: column;gap: 24px;}.vs-contact-info-item {display: flex;align-items: flex-start;gap: 14px;padding: 20px;background: var(--vs-white);border-radius: var(--vs-radius);box-shadow: var(--vs-shadow-sm);border: 1px solid rgba(14, 76, 95, 0.05);}.vs-contact-icon {font-size: 1.4rem;line-height: 1;flex-shrink: 0;}.vs-contact-info-item h4 {margin: 0 0 4px;font-size: 0.95rem;color: var(--vs-text);}.vs-contact-info-item p {margin: 0;font-size: 0.9rem;color: var(--vs-text-light);}.vs-contact-form {background: var(--vs-white);border-radius: var(--vs-radius);box-shadow: var(--vs-shadow-sm);border: 1px solid rgba(14, 76, 95, 0.05);padding: 32px;}.vs-feedback-home .vs-form-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;margin-bottom: 16px;}.vs-feedback-home input,.vs-feedback-home textarea {width: 100%;padding: 12px 16px;border: 1px solid rgba(14, 76, 95, 0.1);border-radius: var(--vs-radius-sm);background: var(--vs-bg);color: var(--vs-text);font-size: 0.95rem;font-family: inherit;outline: none;transition: border-color 0.2s, box-shadow 0.2s;}.vs-feedback-home input:focus,.vs-feedback-home textarea:focus {border-color: var(--vs-primary);box-shadow: 0 0 0 3px rgba(14, 76, 95, 0.06);}.vs-feedback-home textarea {resize: vertical;min-height: 100px;margin-bottom: 16px;}.vs-feedback-home .vs-btn {width: 100%;}/* CMS feedback form override in home contact */.vs-contact-form .lcms-feedback-form {display: flex;flex-wrap: wrap;gap: 16px;}.vs-contact-form .lcms-feedback-form > div {flex: 1 1 calc(33.333% - 16px);min-width: 180px;}.vs-contact-form .lcms-feedback-form > div:last-child {flex: 1 1 100%;}.vs-contact-form .lcms-feedback-form label {display: block;color: var(--vs-text-light);font-size: 0.85rem;margin-bottom: 6px;}.vs-contact-form .lcms-feedback-form label span {color: var(--vs-accent);}.vs-contact-form .lcms-feedback-form input,.vs-contact-form .lcms-feedback-form textarea,.vs-contact-form .lcms-feedback-form select {width: 100%;padding: 12px 16px;border: 1px solid rgba(14, 76, 95, 0.1);border-radius: var(--vs-radius-sm);background: var(--vs-bg);color: var(--vs-text);font-size: 0.95rem;font-family: inherit;outline: none;}.vs-contact-form .lcms-feedback-form button {padding: 12px 32px;border: none;border-radius: var(--vs-radius-sm);background: var(--vs-primary);color: var(--vs-white);font-size: 0.95rem;font-weight: 600;cursor: pointer;transition: background 0.2s;}.vs-contact-form .lcms-feedback-form button:hover {background: var(--vs-accent);}/* Partners marquee */.vs-partners-wrap {overflow: hidden;position: relative;}.vs-partners-track {display: flex;gap: 32px;animation: vsPartnersScroll 30s linear infinite;width: max-content;}.vs-partners-wrap:hover .vs-partners-track {animation-play-state: paused;}.vs-partner-item {flex-shrink: 0;width: 320px;height: 160px;display: flex;align-items: center;justify-content: center;background: var(--vs-white);border-radius: var(--vs-radius-sm);border: 1px solid rgba(14, 76, 95, 0.06);padding: 24px;filter: grayscale(1);opacity: 0.7;transition: all 0.3s ease;}.vs-partner-item:hover {filter: grayscale(0);opacity: 1;box-shadow: var(--vs-shadow-sm);}.vs-partner-item img {max-width: 100%;max-height: 100%;object-fit: contain;}@keyframes vsPartnersScroll {0% { transform: translateX(0); }100% { transform: translateX(-50%); }}@media (max-width: 980px) {.vs-contact-layout {grid-template-columns: 1fr;}.vs-contact-form .lcms-feedback-form > div {flex: 1 1 calc(50% - 16px);}}@media (max-width: 680px) {.vs-feedback-home .vs-form-grid {grid-template-columns: 1fr;}.vs-contact-form .lcms-feedback-form > div {flex: 1 1 100%;}.vs-partner-item {width: 120px;height: 60px;}.vs-partners-track {gap: 20px;}}
