:root{--color-primary: #1e50a2;--color-primary-hover: #0d3b8b;--color-primary-light: #e6f0ff;--color-primary-shadow: rgba(30, 80, 162, 0.3);--color-accent: #3498db;--color-accent-hover: #2980b9;--color-accent-light: rgba(52, 152, 219, 0.1);--color-accent-shadow: rgba(52, 152, 219, 0.3);--color-navy: #000080;--color-navy-hover: #00005a;--color-dark-bg: #0a1628;--color-dark-text: #f0f0f0;--color-footer-bg: rgba(33, 38, 38, 1);--color-text-primary: #333;--color-text-secondary: #666;--color-text-muted: #999;--color-text-heading: #1a1a2e;--color-bg-white: #fff;--color-bg-light: #f8f8f8;--color-bg-section: #f5f5f5;--color-bg-hover: #f9f9f9;--color-border: #eee;--color-border-light: #e7e7e7;--color-border-dark: #ddd;--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);--shadow-md: 0 5px 15px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.12);--shadow-header: 0 2px 10px rgba(0, 0, 0, 0.1);--shadow-card-hover: 0 8px 20px rgba(0, 0, 0, 0.12);--font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', Arial, sans-serif;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.125rem;--font-size-4xl: 2.25rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 12px;--radius-card: 14px;--container-max-width: 1200px;--header-height: 60px;--section-padding: 60px 20px;--transition-fast: 0.2s ease;--transition-normal: 0.3s ease;--transition-slow: 0.5s ease;--z-overlay: 99;--z-header: 100;--z-hamburger: 101;--z-mobile-nav: 100;--color-decoration: var(--color-primary);--color-btn-primary: var(--color-primary);--color-btn-primary-hover: #163d7a;--color-btn-text: #fff}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}img{max-width:100%;height:auto}ul{list-style:none;padding:0}body{font-family:'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', Arial, sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);color:#333;color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#1e50a2;color:var(--color-primary);-webkit-text-decoration:none;text-decoration:none;transition:color 0.3s ease;transition:color var(--transition-normal)}a:hover{color:#0d3b8b;color:var(--color-primary-hover)}.container{padding:0;max-width:100vw;margin:0 auto}.logo{display:flex;align-items:center;gap:16px;gap:var(--spacing-md)}.logo img{width:50px;height:50px}.logo-text{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.logo-text h1{font-size:1.375rem;font-size:var(--font-size-xl);margin:0;color:#333;color:var(--color-text-primary);font-weight:600;transition:font-size 0.3s ease;transition:font-size var(--transition-normal)}.logo-text h2{font-size:0.875rem;font-size:var(--font-size-sm);margin:0;color:#666;color:var(--color-text-secondary);font-weight:normal;transition:font-size 0.3s ease;transition:font-size var(--transition-normal)}header{display:flex;justify-content:space-between;align-items:center;padding:16px;padding:var(--spacing-md);background-color:rgba(248,249,250,.5);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);position:sticky;top:0;z-index:100;z-index:var(--z-header);box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);box-shadow:var(--shadow-header);transition:padding 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;transition:padding var(--transition-normal), background-color var(--transition-normal), box-shadow var(--transition-normal)}header.scrolled{padding:8px 16px;padding:8px var(--spacing-md);background:hsla(0,0%,100%,.95);box-shadow:0 4px 20px rgba(0,0,0,.08)}header.scrolled .logo-text h1{font-size:1.125rem;font-size:var(--font-size-md)}header.scrolled .logo-text h2{font-size:0.75rem;font-size:var(--font-size-xs)}header .logo{display:flex;align-items:center}header .logo img{width:50px;height:50px;margin-right:8px;margin-right:var(--spacing-sm)}header .nav-menu{display:flex;gap:24px;gap:var(--spacing-lg);margin-right:50px}header .nav-menu a{color:#333;color:var(--color-text-primary);font-weight:500;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);font-size:17px;transition:all 0.3s ease;transition:all var(--transition-normal);position:relative;letter-spacing:.3px}header .nav-menu a:hover{color:#1e50a2;color:var(--color-primary)}header .nav-menu a::after{content:"";position:absolute;width:100%;height:2px;background-color:#1e50a2;background-color:var(--color-primary);bottom:0;left:0;transform:scaleX(0);transition:transform 0.3s ease;transition:transform var(--transition-normal)}header .nav-menu a:hover::after{content:"";position:absolute;width:100%;height:2px;background-color:#1e50a2;background-color:var(--color-primary);bottom:0;left:0;transform:scaleX(1);transition:transform 0.3s ease;transition:transform var(--transition-normal)}header .nav-menu a.active{color:#1e50a2;color:var(--color-primary)}header .nav-menu a.active::after{content:"";position:absolute;width:100%;height:2px;background-color:#1e50a2;background-color:var(--color-primary);bottom:0;left:0;transform:scaleX(1)}.hamburger-menu{display:none;cursor:pointer;z-index:101;z-index:var(--z-hamburger);min-width:44px;min-height:44px;padding:8px;padding:var(--spacing-sm)}.hamburger-menu .bar1,.hamburger-menu .bar2,.hamburger-menu .bar3{width:25px;height:3px;background-color:#333;background-color:var(--color-text-primary);margin:4px 0;margin:var(--spacing-xs) 0;transition:transform 0.3s ease, opacity 0.3s ease;transition:transform var(--transition-normal), opacity var(--transition-normal)}.hamburger-menu.active .bar1{transform:rotate(-45deg) translate(-5px, 6px)}.hamburger-menu.active .bar2{opacity:0}.hamburger-menu.active .bar3{transform:rotate(45deg) translate(-5px, -6px)}.mobile-nav{position:fixed;top:0;right:0;height:100vh;width:280px;max-width:80vw;background-color:#fff;background-color:var(--color-bg-white);z-index:100;z-index:var(--z-mobile-nav);display:flex;flex-direction:column;padding:64px 24px 24px;padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-lg);box-shadow:-2px 0 10px rgba(0,0,0,.1);transform:translateX(100%);transition:transform 0.3s ease ease-in-out;transition:transform var(--transition-normal) ease-in-out;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-nav a{color:#333;color:var(--color-text-primary);font-weight:500;padding:16px 8px;padding:var(--spacing-md) var(--spacing-sm);font-size:1rem;font-size:var(--font-size-base);border-bottom:1px solid #eee;border-bottom:1px solid var(--color-border);transition:all 0.3s ease;transition:all var(--transition-normal);letter-spacing:.3px;min-width:44px;min-height:44px}.mobile-nav a:hover,.mobile-nav a.active{color:#1e50a2;color:var(--color-primary)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:99;z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:opacity 0.3s ease ease-in-out, visibility 0.3s ease ease-in-out;transition:opacity var(--transition-normal) ease-in-out, visibility var(--transition-normal) ease-in-out}@media(min-width: 1200px){header .logo h1{font-size:1.125rem;font-size:var(--font-size-md)}}@media(min-width: 768px)and (max-width: 1199px){header{padding:16px;padding:var(--spacing-md)}header .nav-menu{display:flex;gap:16px;gap:var(--spacing-md);margin-right:32px;margin-right:var(--spacing-xl)}header .nav-menu a{font-size:0.875rem;font-size:var(--font-size-sm)}header .logo-text h1{font-size:0.875rem;font-size:var(--font-size-sm)}header .logo-text h2{font-size:0.75rem;font-size:var(--font-size-xs)}}@media(max-width: 767px){header{padding:8px;padding:var(--spacing-sm);flex-direction:row;justify-content:space-between}header .logo{margin-bottom:0}header .logo img{width:40px;height:40px}header .logo h1{font-size:1.125rem;font-size:var(--font-size-md)}header .nav-menu{display:none}.hamburger-menu{display:block}.mobile-nav.active{transform:translateX(0)}.overlay.active{opacity:1;visibility:visible}}footer{background:linear-gradient(135deg, rgb(33, 38, 38), rgb(20, 25, 30));padding:64px 0 24px;padding:var(--spacing-3xl) 0 var(--spacing-lg);color:hsla(0,0%,100%,.9)}footer .logo-text h1{font-size:1.375rem;font-size:var(--font-size-xl);margin:0;color:#fff;font-weight:600}footer .logo-text h2{font-size:0.875rem;font-size:var(--font-size-sm);margin:0;color:#e0e0e0;font-weight:normal}.footer-container{display:flex;flex-direction:column;max-width:1200px;max-width:var(--container-max-width);margin:0 auto;padding:0 24px;padding:0 var(--spacing-lg)}.footer-cards{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:32px;grid-gap:var(--spacing-xl);gap:32px;gap:var(--spacing-xl);width:100%;margin-top:48px;margin-top:var(--spacing-2xl);margin-bottom:24px;margin-bottom:var(--spacing-lg)}.footer-card{display:flex;flex-direction:row;align-items:stretch;background:hsla(0,0%,100%,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1);border-radius:14px;border-radius:var(--radius-card);padding:32px;padding:var(--spacing-xl);transition:transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;transition:transform var(--transition-normal), box-shadow var(--transition-normal), background var(--transition-normal);gap:32px;gap:var(--spacing-xl)}.footer-card:hover{transform:translateY(-4px);background:hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.25)}.footer-card-body{flex:1;min-width:0}.footer-card-title{font-size:1.25rem;font-size:var(--font-size-lg);font-weight:500;color:#fff;margin-bottom:16px;margin-bottom:var(--spacing-md);padding-bottom:8px;padding-bottom:var(--spacing-sm);border-bottom:1px solid hsla(0,0%,100%,.12);letter-spacing:.5px}.footer-card-info{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md)}.footer-info-item{display:flex;flex-direction:row;align-items:center;gap:4px;gap:var(--spacing-xs);font-size:0.875rem;font-size:var(--font-size-sm);color:hsla(0,0%,100%,.8);line-height:1.6;font-weight:300;transition:color 0.2s ease;transition:color var(--transition-fast)}.footer-info-item:hover{color:#fff}.footer-info-item i,.footer-info-item [class^=icon-],.footer-info-item [class*=" icon-"]{width:16px;height:16px;flex-shrink:0;opacity:.8}.footer-info-item a{color:hsla(0,0%,100%,.8);transition:color 0.2s ease;transition:color var(--transition-fast)}.footer-info-item a:hover{color:#3498db;color:var(--color-accent)}.footer-info-label{font-size:0.75rem;font-size:var(--font-size-xs);color:hsla(0,0%,100%,.5);white-space:nowrap;flex-shrink:0}.footer-info-label::after{content:"："}.footer-card-qrcode{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.footer-card-qrcode img{width:120px;height:120px;background-color:#fff;background-color:var(--color-bg-white);padding:4px;padding:var(--spacing-xs);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 4px 12px rgba(0,0,0,.2);transition:transform 0.3s ease;transition:transform var(--transition-normal)}.footer-card-qrcode img:hover{transform:scale(1.05)}.footer-card-qrcode p{font-size:0.75rem;font-size:var(--font-size-xs);color:hsla(0,0%,100%,.6);margin-top:4px;margin-top:var(--spacing-xs);font-weight:300;letter-spacing:.5px}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);padding:16px 0;padding:var(--spacing-md) 0;text-align:center;margin-top:24px;margin-top:var(--spacing-lg)}.footer-bottom p{margin:0;font-size:13px;color:hsla(0,0%,100%,.9);letter-spacing:.3px}@media(max-width: 767px){footer{padding:24px 16px 0;padding:var(--spacing-lg) var(--spacing-md) 0;font-size:0.75rem;font-size:var(--font-size-xs)}.footer-cards{grid-template-columns:1fr;gap:16px;gap:var(--spacing-md)}.footer-card{flex-direction:column;align-items:center;text-align:center;padding:16px;padding:var(--spacing-md);gap:16px;gap:var(--spacing-md)}.footer-card-info{align-items:center}.footer-info-item{justify-content:center;flex-wrap:wrap}.footer-card-qrcode img{width:100px;height:100px}}@media screen and (max-width: 768px){.footer-container{padding:0 16px;padding:0 var(--spacing-md);max-width:100%;padding-top:32px;padding-top:var(--spacing-xl)}}.banner{width:100vw;height:600px;overflow:hidden;position:relative;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-top:-80px}.banner::after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent);pointer-events:none;z-index:2}.carousel{width:100%;height:100%;position:relative}.carousel-track{position:relative;width:100%;height:100%}.carousel-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;z-index:1}.carousel-item.active{opacity:1}.carousel-item.active img{transform:scale(1.05)}.carousel-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 6s ease}@media(min-width: 1200px){.banner{height:600px}}@media(min-width: 768px)and (max-width: 1199px){.banner{height:400px}.container{padding:0;max-width:100vw}}@media(max-width: 767px){.banner{height:250px}.container{padding:0}}.section-title{font-size:2.125rem;font-size:var(--font-size-3xl);color:#1a1a2e;color:var(--color-text-heading);margin-bottom:8px;margin-bottom:var(--spacing-sm);font-weight:600}.section-subtitle{font-size:1.25rem;font-size:var(--font-size-lg);color:#999;color:var(--color-text-muted);margin-bottom:48px;margin-bottom:var(--spacing-2xl);position:relative;padding-bottom:16px;padding-bottom:var(--spacing-md)}.section-subtitle::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#3498db;background:var(--color-accent);border-radius:2px}@media(max-width: 768px){.section-title{font-size:1.75rem;font-size:var(--font-size-2xl)}.section-subtitle{font-size:1.125rem;font-size:var(--font-size-md)}}.page-section{padding:64px 0;padding:var(--spacing-3xl) 0;background:#fff;background:var(--color-bg-white)}.page-section--light{background:#f8f8f8;background:var(--color-bg-light)}.page-section--dark{background:#0a1628;background:var(--color-dark-bg);color:#f0f0f0;color:var(--color-dark-text)}.page-section--dark .page-title{color:#f0f0f0;color:var(--color-dark-text)}.page-section:hover .page-subtitle::after{width:100px}.page-container{max-width:1200px;max-width:var(--container-max-width);margin:0 auto;padding:0 24px;padding:0 var(--spacing-lg)}.page-title{font-size:2.125rem;font-size:var(--font-size-3xl);font-weight:700;color:#1a1a2e;color:var(--color-text-heading);text-align:center;margin-bottom:4px;margin-bottom:var(--spacing-xs);letter-spacing:2px}.page-subtitle{font-size:0.875rem;font-size:var(--font-size-sm);color:#999;color:var(--color-text-muted);text-align:center;text-transform:uppercase;letter-spacing:4px;margin-bottom:32px;margin-bottom:var(--spacing-xl);position:relative;padding-bottom:16px;padding-bottom:var(--spacing-md)}.page-subtitle::after{content:"";display:block;width:60px;height:3px;background:#1e50a2;background:var(--color-decoration);margin:16px auto 0;margin:var(--spacing-md) auto 0;border-radius:2px;transition:width 0.3s ease;transition:width var(--transition-normal)}.detail-container{max-width:1000px;margin:0 auto;padding:32px 24px;padding:var(--spacing-xl) var(--spacing-lg)}.content-layout{display:flex;gap:32px;gap:var(--spacing-xl);align-items:flex-start}.content-layout__sidebar{width:250px;flex-shrink:0}.content-layout__main{flex:1;min-width:0}@media(max-width: 992px){.content-layout{flex-direction:column}.content-layout__sidebar{width:100%}}@media(max-width: 768px){.page-section{padding:32px 0;padding:var(--spacing-xl) 0}.page-title{font-size:1.75rem;font-size:var(--font-size-2xl)}.page-container{padding:0 16px;padding:0 var(--spacing-md)}.detail-container{padding:16px;padding:var(--spacing-md)}}.card-grid{display:grid;grid-gap:24px;grid-gap:var(--spacing-lg);gap:24px;gap:var(--spacing-lg)}.card-grid--2{grid-template-columns:repeat(2, 1fr)}.card-grid--3{grid-template-columns:repeat(3, 1fr)}.card-grid--auto{grid-template-columns:repeat(auto-fill, minmax(min(300px, 100%), 1fr))}@media(max-width: 992px){.card-grid--3{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.card-grid--2,.card-grid--3,.card-grid--auto{grid-template-columns:1fr}}.card{background:#fff;background:var(--color-bg-white);border-radius:14px;border-radius:var(--radius-card);box-shadow:0 5px 15px rgba(0, 0, 0, 0.1);box-shadow:var(--shadow-md);padding:32px;padding:var(--spacing-xl);transition:transform 0.3s ease, box-shadow 0.3s ease;transition:transform var(--transition-normal), box-shadow var(--transition-normal);overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0, 0, 0, 0.12);box-shadow:var(--shadow-card-hover)}.card img{transition:transform 0.5s ease;transition:transform var(--transition-slow)}.card:hover img{transform:scale(1.08)}.product-card .product-image img,.news-card img{transition:transform 0.5s ease;transition:transform var(--transition-slow)}.product-card:hover .product-image img,.news-card:hover img{transform:scale(1.08)}.content-card{background:#fff;background:var(--color-bg-white);border-radius:14px;border-radius:var(--radius-card);padding:32px;padding:var(--spacing-xl);box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);box-shadow:var(--shadow-sm);transition:transform 0.3s ease, box-shadow 0.3s ease;transition:transform var(--transition-normal), box-shadow var(--transition-normal);position:relative;overflow:hidden}.content-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #1e50a2, #3498db);background:linear-gradient(90deg, var(--color-primary), var(--color-accent));transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease;transition:transform var(--transition-normal)}.content-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px rgba(0, 0, 0, 0.12);box-shadow:var(--shadow-lg)}.content-card:hover::before{transform:scaleX(1)}@media(max-width: 768px){.card,.content-card{padding:16px;padding:var(--spacing-md)}}.pagination{display:flex;justify-content:center;align-items:center;gap:4px;gap:var(--spacing-xs);margin-top:32px;margin-top:var(--spacing-xl);flex-wrap:wrap}.page-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 8px;padding:0 var(--spacing-sm);border-radius:6px;border-radius:var(--radius-md);font-size:0.875rem;font-size:var(--font-size-sm);color:#666;color:var(--color-text-secondary);-webkit-text-decoration:none;text-decoration:none;background:#fff;background:var(--color-bg-white);border:1px solid #e0e0e0;transition:all 0.3s ease;transition:all var(--transition-normal);cursor:pointer}.page-link:hover{color:#1e50a2;color:var(--color-primary);border-color:#1e50a2;border-color:var(--color-primary);background:rgba(30,80,162,.05);transform:translateY(-2px)}.page-link.active{background:#1e50a2;background:var(--color-primary);color:#fff;border-color:#1e50a2;border-color:var(--color-primary);font-weight:600}.page-link.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media(max-width: 768px){.pagination{gap:4px}.page-link{padding:0 4px;padding:0 var(--spacing-xs);font-size:0.75rem;font-size:var(--font-size-xs)}}.category-nav__title{font-size:1.25rem;font-size:var(--font-size-lg);font-weight:600;color:#1a1a2e;color:var(--color-text-heading);padding:16px;padding:var(--spacing-md);margin:0;background:#f8f8f8;background:var(--color-bg-light);border-radius:6px 6px 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:2px solid #1e50a2;border-bottom:2px solid var(--color-primary)}.category-nav__list{list-style:none;padding:0;margin:0;background:#fff;background:var(--color-bg-white);border-radius:0 0 6px 6px;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);box-shadow:var(--shadow-sm);overflow:hidden}.category-nav__item{border-bottom:1px solid #f8f8f8;border-bottom:1px solid var(--color-bg-light)}.category-nav__item:last-child{border-bottom:none}.category-nav__link{display:block;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);padding-left:24px;padding-left:var(--spacing-lg);color:#666;color:var(--color-text-secondary);-webkit-text-decoration:none;text-decoration:none;transition:all 0.3s ease;transition:all var(--transition-normal);font-size:1rem;font-size:var(--font-size-base);position:relative}.category-nav__link::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#1e50a2;background:var(--color-primary);transform:scaleY(0);transition:transform 0.3s ease;transition:transform var(--transition-normal)}.category-nav__link:hover,.category-nav__link--active{color:#1e50a2;color:var(--color-primary);background:rgba(30,80,162,.05);font-weight:500}.category-nav__link:hover::before,.category-nav__link--active::before{transform:scaleY(1)}@media(max-width: 768px){.category-nav{width:100% !important}.category-nav__title{display:none}.category-nav__list{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:6px;border-radius:var(--radius-md);gap:0}.category-nav__item{border-bottom:none;flex-shrink:0}.category-nav__link{padding:4px 16px;padding:var(--spacing-xs) var(--spacing-md);white-space:nowrap;padding-left:16px;padding-left:var(--spacing-md);font-size:0.875rem;font-size:var(--font-size-sm)}.category-nav__link::before{display:none}.category-nav__link--active{border-bottom:2px solid #1e50a2;border-bottom:2px solid var(--color-primary)}}.detail-navigation{display:flex;justify-content:space-between;margin-top:48px;margin-top:var(--spacing-2xl);padding-top:24px;padding-top:var(--spacing-lg);border-top:1px solid #eee;border-top:1px solid var(--color-border);gap:24px;gap:var(--spacing-lg)}.detail-navigation a{color:#666;color:var(--color-text-secondary);font-size:0.875rem;font-size:var(--font-size-sm);transition:color 0.2s ease;transition:color var(--transition-fast)}.detail-navigation a:hover{color:#3498db;color:var(--color-accent)}.product-detail-navigation,.news-detail-navigation{display:flex;justify-content:space-between;padding:24px 0;padding:var(--spacing-lg) 0;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:24px;margin-bottom:var(--spacing-lg);gap:16px;gap:var(--spacing-md)}.product-detail-navigation a,.news-detail-navigation a{color:#666;color:var(--color-text-secondary);-webkit-text-decoration:none;text-decoration:none;font-size:0.875rem;font-size:var(--font-size-sm);transition:color 0.2s ease;transition:color var(--transition-fast);max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-detail-navigation a:hover,.news-detail-navigation a:hover{color:#1e50a2;color:var(--color-primary)}.back-to-list{display:inline-flex;align-items:center;gap:4px;gap:var(--spacing-xs);padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);background:#3498db;background:var(--color-accent);color:#fff;color:var(--color-bg-white);border-radius:6px;border-radius:var(--radius-md);font-size:0.875rem;font-size:var(--font-size-sm);transition:all 0.3s ease;transition:all var(--transition-normal);-webkit-text-decoration:none;text-decoration:none}.back-to-list:hover{background:#2980b9;background:var(--color-accent-hover);color:#fff;color:var(--color-bg-white);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0, 0, 0, 0.1);box-shadow:var(--shadow-md)}@media(max-width: 768px){.detail-navigation{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.detail-navigation a{min-width:44px;min-height:44px;display:flex;align-items:center}.product-detail-navigation,.news-detail-navigation{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.product-detail-navigation a,.news-detail-navigation a{max-width:100%;min-width:44px;min-height:44px;display:flex;align-items:center;white-space:normal}.back-to-list{min-width:44px;min-height:44px;justify-content:center;width:100%}}.breadcrumb-section{padding:8px 0;padding:var(--spacing-sm) 0;background-color:#f8f8f8;background-color:var(--color-bg-light);border-bottom:1px solid #e7e7e7;border-bottom:1px solid var(--color-border-light)}.breadcrumb-container{max-width:1200px;max-width:var(--container-max-width);margin:0 auto;padding:0 16px;padding:0 var(--spacing-md)}.breadcrumb{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:0.875rem;font-size:var(--font-size-sm)}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-item:not(:last-child)::after{content:">";margin:0 8px;color:#999;color:var(--color-text-muted)}.breadcrumb-item a{color:#666;color:var(--color-text-secondary);-webkit-text-decoration:none;text-decoration:none;transition:color 0.3s ease;transition:color var(--transition-normal)}.breadcrumb-item a:hover{color:#3498db;color:var(--color-accent)}.breadcrumb-item.active{color:#3498db;color:var(--color-accent)}@media(max-width: 768px){.breadcrumb{font-size:0.75rem;font-size:var(--font-size-xs)}.breadcrumb-section{padding:8px 0}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 32px;padding:var(--spacing-sm) var(--spacing-xl);background:#1e50a2;background:var(--color-btn-primary);color:#fff;color:var(--color-btn-text);border:none;border-radius:6px;border-radius:var(--radius-md);font-size:1rem;font-size:var(--font-size-base);cursor:pointer;transition:all 0.3s ease;transition:all var(--transition-normal);-webkit-text-decoration:none;text-decoration:none;position:relative;overflow:hidden}.btn-primary::after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(0,0%,100%,.15);border-radius:50%;transform:translate(-50%, -50%);transition:width .6s, height .6s}.btn-primary:hover{background:#163d7a;background:var(--color-btn-primary-hover);transform:translateY(-2px);box-shadow:0 4px 15px rgba(30,80,162,.3);color:#fff;color:var(--color-btn-text)}.btn-primary:hover::after{width:300px;height:300px}[class^=icon-],[class*=" icon-"]{display:inline-block;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center;vertical-align:middle;flex-shrink:0}.icon-person{background-image:url("/static/images/icons/person.svg");filter:brightness(0) invert(1)}.icon-phone{background-image:url("/static/images/icons/phone.svg");filter:brightness(0) invert(1)}.icon-email{background-image:url("/static/images/icons/email.svg");filter:brightness(0) invert(1)}.icon-address{background-image:url("/static/images/icons/address.svg");filter:brightness(0) invert(1)}.icon-person-dark{background-image:url("/static/images/icons/person-dark.svg")}.icon-phone-dark{background-image:url("/static/images/icons/phone-dark.svg")}.icon-email-dark{background-image:url("/static/images/icons/email-dark.svg")}.icon-address-dark{background-image:url("/static/images/icons/address-dark.svg")}.back-to-top{position:fixed;bottom:30px;right:30px;width:44px;height:44px;border-radius:50%;background:#3498db;background:var(--color-accent);color:#fff;color:var(--color-bg-white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px rgba(0, 0, 0, 0.1);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, background-color 0.2s ease;transition:opacity var(--transition-normal), visibility var(--transition-normal), transform var(--transition-normal), background-color var(--transition-fast);z-index:98}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:#2980b9;background:var(--color-accent-hover);transform:translateY(-3px);box-shadow:0 10px 25px rgba(0, 0, 0, 0.12);box-shadow:var(--shadow-lg)}.back-to-top svg{width:20px;height:20px;fill:currentColor}@media(max-width: 768px){.back-to-top{bottom:20px;right:20px;width:40px;height:40px}}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease;transition:opacity var(--transition-normal), visibility var(--transition-normal);cursor:zoom-out}.lightbox-overlay.active{opacity:1;visibility:visible}.lightbox-overlay.active img{transform:scale(1)}.lightbox-overlay img{max-width:90%;max-height:90vh;-o-object-fit:contain;object-fit:contain;border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 20px 60px rgba(0,0,0,.5);transform:scale(0.9);transition:transform 0.3s ease;transition:transform var(--transition-normal)}.lightbox-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s ease;transition:background var(--transition-fast)}.lightbox-close:hover{background:hsla(0,0%,100%,.3)}.zoomable{cursor:zoom-in;transition:opacity 0.2s ease;transition:opacity var(--transition-fast)}.zoomable:hover{opacity:.9}.toast{position:fixed;top:20px;left:50%;transform:translateX(-50%) translateY(-100%);padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);border-radius:6px;border-radius:var(--radius-md);color:#fff;font-size:0.875rem;font-size:var(--font-size-sm);z-index:10000;opacity:0;transition:all .3s ease}.toast--visible{transform:translateX(-50%) translateY(0);opacity:1}.toast--success{background:#2ecc71}.toast--error{background:#e74c3c}.toast--warning{background:#f39c12}.toast--info{background:#1e50a2;background:var(--color-primary)}.empty-state{text-align:center;padding:64px 24px;padding:var(--spacing-3xl) var(--spacing-lg);color:#999;color:var(--color-text-muted)}.empty-state::before{content:"📭";display:block;font-size:48px;margin-bottom:16px;margin-bottom:var(--spacing-md)}.message-form-container{margin-top:64px;margin-top:var(--spacing-3xl);background:#fff;background:var(--color-bg-white);border-radius:14px;border-radius:var(--radius-card);padding:32px;padding:var(--spacing-xl);box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);box-shadow:var(--shadow-sm)}.message-form-title{font-size:1.375rem;font-size:var(--font-size-xl);font-weight:600;color:#1a1a2e;color:var(--color-text-heading);text-align:center;margin-bottom:32px;margin-bottom:var(--spacing-xl);position:relative;padding-bottom:16px;padding-bottom:var(--spacing-md)}.message-form-title::after{content:"";display:block;width:40px;height:3px;background:#1e50a2;background:var(--color-primary);margin:8px auto 0;margin:var(--spacing-sm) auto 0;border-radius:2px}.required{color:#e74c3c;margin-left:2px}.message-form .form-group{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.message-form label{display:block;font-weight:500;color:#333;color:var(--color-text-primary);margin-bottom:4px;margin-bottom:var(--spacing-xs);font-size:1rem;font-size:var(--font-size-base)}.message-form input,.message-form textarea{width:100%;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid #ddd;border-radius:6px;border-radius:var(--radius-md);font-size:1rem;font-size:var(--font-size-base);color:#333;color:var(--color-text-primary);background:#fff;background:var(--color-bg-white);transition:border-color 0.3s ease, box-shadow 0.3s ease;transition:border-color var(--transition-normal), box-shadow var(--transition-normal);outline:none;box-sizing:border-box}.message-form input:focus,.message-form textarea:focus{border-color:#1e50a2;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(30,80,162,.1)}.message-form textarea{min-height:150px;resize:vertical}.message-form .form-row{display:flex;gap:24px;gap:var(--spacing-lg)}.message-form .form-row .form-group{flex:1}.message-form .form-hint{font-size:0.75rem;font-size:var(--font-size-xs);color:#999;color:var(--color-text-muted);margin-top:4px;margin-top:var(--spacing-xs)}.message-form .submit-btn{display:block;width:200px;margin:24px auto 0;margin:var(--spacing-lg) auto 0;padding:8px 32px;padding:var(--spacing-sm) var(--spacing-xl);font-size:1.25rem;font-size:var(--font-size-lg);letter-spacing:2px}.message-form .field-error{border-color:#e74c3c !important;box-shadow:0 0 0 3px rgba(231,76,60,.1) !important}.message-form .field-valid{border-color:#2ecc71 !important}.message-form .error-message{color:#e74c3c;font-size:0.75rem;font-size:var(--font-size-xs);margin-top:4px;margin-top:var(--spacing-xs);display:flex;align-items:center;gap:4px}.message-form .error-message::before{content:"⚠"}@media(max-width: 768px){.message-form .form-row{flex-direction:column;gap:0}.message-form .submit-btn{width:100%}.message-form-container{padding:16px;padding:var(--spacing-md)}}.about-section .about-container{display:flex;align-items:center;gap:64px;gap:var(--spacing-3xl);max-width:1200px;max-width:var(--container-max-width);margin:0 auto;padding:0 24px;padding:0 var(--spacing-lg)}.about-section .about-image{flex:1;min-width:0;border-radius:8px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 5px 15px rgba(0, 0, 0, 0.1);box-shadow:var(--shadow-md)}.about-section .about-image img{width:100%;height:auto;display:block;transition:transform 0.5s ease;transition:transform var(--transition-slow)}.about-section .about-image:hover img{transform:scale(1.03)}.about-section .about-content{flex:1;min-width:0}.about-section .about-title{font-size:2.125rem;font-size:var(--font-size-3xl);font-weight:700;color:#1a1a2e;color:var(--color-text-heading);text-align:right;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.about-section .about-sub-title{font-size:0.875rem;font-size:var(--font-size-sm);color:#999;color:var(--color-text-muted);text-align:right;text-transform:uppercase;letter-spacing:4px;margin-bottom:24px;margin-bottom:var(--spacing-lg);position:relative;padding-bottom:16px;padding-bottom:var(--spacing-md)}.about-section .about-sub-title::after{content:"";display:block;width:60px;height:3px;background:#1e50a2;background:var(--color-primary);margin:16px 0 0 auto;margin:var(--spacing-md) 0 0 auto;border-radius:2px}.about-section .about-description{color:#666;color:var(--color-text-secondary);font-size:1rem;font-size:var(--font-size-base);line-height:1.8;text-align:justify}.about-section .about-description p{text-indent:2em}.page-section--dark.products-section .products-content{display:flex;gap:32px;gap:var(--spacing-xl);align-items:flex-start}.page-section--dark.products-section .product-categories{width:200px;flex-shrink:0}.page-section--dark.products-section .product-categories ul{list-style:none;padding:0;margin:0}.page-section--dark.products-section .product-categories li{margin-bottom:4px;margin-bottom:var(--spacing-xs)}.page-section--dark.products-section .product-categories a{display:block;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);color:hsla(0,0%,100%,.7);-webkit-text-decoration:none;text-decoration:none;border-radius:6px;border-radius:var(--radius-md);transition:all 0.3s ease;transition:all var(--transition-normal);font-size:1rem;font-size:var(--font-size-base);border-left:3px solid rgba(0,0,0,0)}.page-section--dark.products-section .product-categories a:hover{color:#fff;background:hsla(0,0%,100%,.08);border-left-color:#3498db;border-left-color:var(--color-accent)}.page-section--dark.products-section .product-categories li.active a{color:#fff;background:hsla(0,0%,100%,.12);border-left-color:#3498db;border-left-color:var(--color-accent);font-weight:500}.page-section--dark.products-section .product-grid{flex:1;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:24px;grid-gap:var(--spacing-lg);gap:24px;gap:var(--spacing-lg);min-width:0}.page-section--dark.products-section .product-card{background:hsla(0,0%,100%,.06);border-radius:14px;border-radius:var(--radius-card);overflow:hidden;transition:all 0.3s ease;transition:all var(--transition-normal);border:1px solid hsla(0,0%,100%,.08)}.page-section--dark.products-section .product-card:hover{background:hsla(0,0%,100%,.1);transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.3);border-color:hsla(0,0%,100%,.15)}.page-section--dark.products-section .product-card .product-image{height:200px;overflow:hidden;background:hsla(0,0%,100%,.03)}.page-section--dark.products-section .product-card .product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 0.5s ease;transition:transform var(--transition-slow)}.page-section--dark.products-section .product-card:hover .product-image img{transform:scale(1.08)}.page-section--dark.products-section .product-card .product-info{padding:16px;padding:var(--spacing-md)}.page-section--dark.products-section .product-card .product-info h3{color:#fff;font-size:1rem;font-size:var(--font-size-base);font-weight:500;text-align:center;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-section--dark.products-section .product-card-link{-webkit-text-decoration:none;text-decoration:none;display:block}.page-section--dark.products-section .page-title,.page-section--dark.products-section .product-title{color:#fff}.page-section--dark.products-section .page-subtitle,.page-section--dark.products-section .product-sub-title{color:hsla(0,0%,100%,.6)}.page-section--dark.products-section .view-more{text-align:center;margin-top:32px;margin-top:var(--spacing-xl)}.news-section .news-grid{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:24px;grid-gap:var(--spacing-lg);gap:24px;gap:var(--spacing-lg);margin-bottom:32px;margin-bottom:var(--spacing-xl)}.news-section .news-grid>a{-webkit-text-decoration:none;text-decoration:none;display:block}.news-section .news-card{background:#fff;background:var(--color-bg-white);border-radius:14px;border-radius:var(--radius-card);padding:32px;padding:var(--spacing-xl);box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);box-shadow:var(--shadow-sm);transition:all 0.3s ease;transition:all var(--transition-normal);border-left:4px solid rgba(0,0,0,0);height:100%}.news-section .news-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0, 0, 0, 0.12);box-shadow:var(--shadow-lg);border-left-color:#1e50a2;border-left-color:var(--color-primary)}.news-section .news-card:hover .news-info h3{color:#1e50a2;color:var(--color-primary)}.news-section .news-card .news-info h3{font-size:1.25rem;font-size:var(--font-size-lg);font-weight:600;color:#333;color:var(--color-text-primary);margin-bottom:8px;margin-bottom:var(--spacing-sm);line-height:1.4;transition:color 0.2s ease;transition:color var(--transition-fast);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-section .news-card .news-date{font-size:0.875rem;font-size:var(--font-size-sm);color:#999;color:var(--color-text-muted)}.news-section .view-more{text-align:center}@media(max-width: 992px){.about-section .about-container{flex-direction:column;gap:32px;gap:var(--spacing-xl)}.about-section .about-title,.about-section .about-sub-title{text-align:center}.about-section .about-sub-title::after{margin:16px auto 0;margin:var(--spacing-md) auto 0}.products-section .products-content{flex-direction:column}.products-section .product-categories{width:100%}.products-section .product-categories ul{display:flex;flex-wrap:wrap;gap:4px;gap:var(--spacing-xs)}.products-section .product-categories li{margin-bottom:0}.products-section .product-categories a{border-left:none;border-bottom:2px solid rgba(0,0,0,0);padding:4px 16px;padding:var(--spacing-xs) var(--spacing-md);font-size:0.875rem;font-size:var(--font-size-sm)}.products-section .product-categories a:hover{border-left:none;border-bottom-color:#3498db;border-bottom-color:var(--color-accent)}.products-section .product-categories li.active a{border-left:none;border-bottom-color:#3498db;border-bottom-color:var(--color-accent)}.products-section .product-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.products-section .product-grid{grid-template-columns:repeat(2, 1fr);gap:16px;gap:var(--spacing-md)}.products-section .product-card .product-image{height:150px}.news-section .news-grid{grid-template-columns:1fr}}@media(max-width: 480px){.products-section .product-grid{grid-template-columns:1fr}.products-section .product-categories ul{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.products-section .product-categories a{white-space:nowrap}}.aboutus-card-icon{font-size:42px;text-align:center;margin-bottom:16px;margin-bottom:var(--spacing-md);line-height:1}.aboutus-card .card-title{font-size:1.375rem;font-size:var(--font-size-xl);font-weight:600;color:#1e50a2;color:var(--color-primary);text-align:center;margin-bottom:16px;margin-bottom:var(--spacing-md);position:relative;padding-bottom:8px;padding-bottom:var(--spacing-sm)}.aboutus-card .card-title::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:2px;background:#3498db;background:var(--color-accent);border-radius:1px;transition:width 0.3s ease;transition:width var(--transition-normal)}.aboutus-card:hover .card-title::after{width:80px}.aboutus-card .card-content{color:#666;color:var(--color-text-secondary);font-size:1rem;font-size:var(--font-size-base);line-height:1.8;text-align:justify}.aboutus-card .card-content p{margin:0;text-indent:2em}@media(max-width: 768px){.aboutus-card-icon{font-size:36px}.aboutus-card .card-title{font-size:1.25rem;font-size:var(--font-size-lg)}}.contact-cards{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:32px;grid-gap:var(--spacing-xl);gap:32px;gap:var(--spacing-xl);margin-bottom:32px;margin-bottom:var(--spacing-xl)}.contact-card{display:flex;background:#fff;background:var(--color-bg-white);border-radius:14px;border-radius:var(--radius-card);box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform 0.3s ease, box-shadow 0.3s ease;transition:transform var(--transition-normal), box-shadow var(--transition-normal);position:relative}.contact-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px rgba(0, 0, 0, 0.12);box-shadow:var(--shadow-lg)}.contact-card-accent{width:5px;flex-shrink:0;background:linear-gradient(180deg, #1e50a2, #3498db);background:linear-gradient(180deg, var(--color-primary), var(--color-accent));border-radius:14px 0 0 14px;border-radius:var(--radius-card) 0 0 var(--radius-card);transition:width 0.3s ease;transition:width var(--transition-normal)}.contact-card:hover .contact-card-accent{width:8px}.contact-card-content{flex:1;padding:32px;padding:var(--spacing-xl);min-width:0}.contact-card-title{font-size:1.375rem;font-size:var(--font-size-xl);font-weight:600;color:#1a1a2e;color:var(--color-text-heading);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding-left:8px;padding-left:var(--spacing-sm);border-left:3px solid #1e50a2;border-left:3px solid var(--color-primary);line-height:1.3}.contact-items{display:flex;flex-direction:column}.contact-item{display:flex;flex-direction:row;align-items:center;gap:8px;gap:var(--spacing-sm);padding:16px 0;padding:var(--spacing-md) 0;transition:background 0.2s ease;transition:background var(--transition-fast)}.contact-item:not(:last-child){border-bottom:1px solid #eee;border-bottom:1px solid var(--color-border)}.contact-item i{flex-shrink:0;width:20px;height:20px}.contact-item-label{font-size:0.875rem;font-size:var(--font-size-sm);color:var(--color-text-subtitle);white-space:nowrap;flex-shrink:0}.contact-item-label::after{content:"："}.contact-item-value{font-size:1rem;font-size:var(--font-size-base);color:#333;color:var(--color-text-primary);word-break:break-word}.contact-item-value a{color:#333;color:var(--color-text-primary);transition:color 0.2s ease;transition:color var(--transition-fast)}.contact-item-value a:hover{color:#1e50a2;color:var(--color-primary)}@media(max-width: 768px){.contact-cards{grid-template-columns:1fr;gap:16px;gap:var(--spacing-md)}.contact-card-content{padding:16px;padding:var(--spacing-md)}.contact-card-title{font-size:1.25rem;font-size:var(--font-size-lg);margin-bottom:16px;margin-bottom:var(--spacing-md)}.contact-item{gap:4px;gap:var(--spacing-xs)}}.products-section .product-grid{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:24px;grid-gap:var(--spacing-lg);gap:24px;gap:var(--spacing-lg)}.products-section .product-card{background:#fff;background:var(--color-bg-white);border-radius:14px;border-radius:var(--radius-card);overflow:hidden;box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);box-shadow:var(--shadow-sm);transition:all 0.3s ease;transition:all var(--transition-normal)}.products-section .product-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px rgba(0, 0, 0, 0.12);box-shadow:var(--shadow-lg)}.products-section .product-card:hover .product-image img{transform:scale(1.08)}.products-section .product-card:hover .product-info h3{color:#1e50a2;color:var(--color-primary)}.products-section .product-card .product-image{height:200px;overflow:hidden;background:#f8f8f8;background:var(--color-bg-light)}.products-section .product-card .product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 0.5s ease;transition:transform var(--transition-slow)}.products-section .product-card .product-info{padding:16px;padding:var(--spacing-md)}.products-section .product-card .product-info h3{font-size:1rem;font-size:var(--font-size-base);font-weight:500;color:#333;color:var(--color-text-primary);text-align:center;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.2s ease;transition:color var(--transition-fast)}.products-section .product-card-link{-webkit-text-decoration:none;text-decoration:none;display:block}.product-detail-header{margin-bottom:32px;margin-bottom:var(--spacing-xl);padding-bottom:16px;padding-bottom:var(--spacing-md);border-bottom:1px solid #eee}.product-detail-title{font-size:1.75rem;font-size:var(--font-size-2xl);font-weight:700;color:#1a1a2e;color:var(--color-text-heading);margin-bottom:8px;margin-bottom:var(--spacing-sm);line-height:1.3}.product-detail-meta{font-size:0.875rem;font-size:var(--font-size-sm);color:#999;color:var(--color-text-muted)}.product-detail-image{margin-bottom:32px;margin-bottom:var(--spacing-xl);border-radius:8px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 5px 15px rgba(0, 0, 0, 0.1);box-shadow:var(--shadow-md)}.product-detail-image img{width:100%;height:auto;display:block;cursor:pointer;transition:transform 0.5s ease;transition:transform var(--transition-slow)}.product-detail-image:hover img{transform:scale(1.02)}.product-detail-content{margin-bottom:32px;margin-bottom:var(--spacing-xl);line-height:1.8}.product-detail-back{text-align:center;padding:24px 0;padding:var(--spacing-lg) 0}@media(max-width: 992px){.products-section .product-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.products-section .product-grid{grid-template-columns:repeat(2, 1fr);gap:16px;gap:var(--spacing-md)}.products-section .product-card .product-image{height:150px}.product-detail-title{font-size:1.375rem;font-size:var(--font-size-xl)}.product-detail-content{font-size:1rem;font-size:var(--font-size-base)}.product-detail-content img{max-width:100%;height:auto}}@media(max-width: 480px){.products-section .product-grid{grid-template-columns:1fr}}.news-list .news-item-link{-webkit-text-decoration:none;text-decoration:none;display:block}.news-list .news-item{padding:24px;padding:var(--spacing-lg);border-bottom:1px solid #f8f8f8;border-bottom:1px solid var(--color-bg-light);transition:all 0.3s ease;transition:all var(--transition-normal);border-radius:6px;border-radius:var(--radius-md);margin-bottom:4px;margin-bottom:var(--spacing-xs);position:relative;overflow:hidden}.news-list .news-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#1e50a2;background:var(--color-primary);transform:scaleY(0);transition:transform 0.3s ease;transition:transform var(--transition-normal);border-radius:0 2px 2px 0}.news-list .news-item:hover{background:#f8f8f8;background:var(--color-bg-light);border-color:rgba(0,0,0,0)}.news-list .news-item:hover::before{transform:scaleY(1)}.news-list .news-item:hover .news-item-title{color:#1e50a2;color:var(--color-primary)}.news-item-title{font-size:1.25rem;font-size:var(--font-size-lg);font-weight:600;color:#333;color:var(--color-text-primary);margin-bottom:8px;margin-bottom:var(--spacing-sm);line-height:1.4;display:flex;align-items:center;gap:8px;gap:var(--spacing-sm);flex-wrap:wrap;transition:color 0.2s ease;transition:color var(--transition-fast)}.news-item-category{display:inline-block;padding:2px 8px;padding:2px var(--spacing-sm);background:rgba(30,80,162,.08);color:#1e50a2;color:var(--color-primary);font-size:0.75rem;font-size:var(--font-size-xs);font-weight:500;border-radius:4px;border-radius:var(--radius-sm);white-space:nowrap}.news-item-meta{font-size:0.875rem;font-size:var(--font-size-sm);color:#999;color:var(--color-text-muted)}.news-detail-header{margin-bottom:32px;margin-bottom:var(--spacing-xl);padding-bottom:16px;padding-bottom:var(--spacing-md);border-bottom:1px solid #eee;text-align:center}.news-detail-title{font-size:1.75rem;font-size:var(--font-size-2xl);font-weight:700;color:#1a1a2e;color:var(--color-text-heading);margin-bottom:16px;margin-bottom:var(--spacing-md);line-height:1.3}.news-detail-meta{display:flex;justify-content:center;gap:24px;gap:var(--spacing-lg);font-size:0.875rem;font-size:var(--font-size-sm);color:#999;color:var(--color-text-muted)}.news-detail-content{margin-bottom:32px;margin-bottom:var(--spacing-xl);line-height:1.8}.news-detail-back{text-align:center;padding:24px 0;padding:var(--spacing-lg) 0}@media(max-width: 768px){.news-list .news-item{padding:16px;padding:var(--spacing-md)}.news-item-title{font-size:1rem;font-size:var(--font-size-base)}.news-detail-title{font-size:1.375rem;font-size:var(--font-size-xl)}.news-detail-meta{flex-direction:column;gap:4px;gap:var(--spacing-xs);align-items:center}.news-detail-content{font-size:1rem;font-size:var(--font-size-base)}.news-detail-content img{max-width:100%;height:auto}}.sitemap-block h3{font-size:1.25rem;font-size:var(--font-size-lg);font-weight:600;color:#1e50a2;color:var(--color-primary);margin-bottom:16px;margin-bottom:var(--spacing-md);padding-bottom:8px;padding-bottom:var(--spacing-sm);border-bottom:2px solid #f8f8f8;border-bottom:2px solid var(--color-bg-light);position:relative}.sitemap-block h3::after{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:#1e50a2;background:var(--color-primary);transition:width 0.3s ease;transition:width var(--transition-normal)}.sitemap-block:hover h3::after{width:100%}.sitemap-block ul{list-style:none;padding:0;margin:0}.sitemap-block li{padding:8px 0;padding:var(--spacing-sm) 0;border-bottom:1px dashed #eee;transition:padding-left 0.3s ease;transition:padding-left var(--transition-normal)}.sitemap-block li:last-child{border-bottom:none}.sitemap-block li:hover{padding-left:8px;padding-left:var(--spacing-sm)}.sitemap-block a{font-size:1rem;font-size:var(--font-size-base);font-weight:500;color:#333;color:var(--color-text-primary);-webkit-text-decoration:none;text-decoration:none;transition:color 0.2s ease;transition:color var(--transition-fast);position:relative}.sitemap-block a::before{content:"→";margin-right:4px;margin-right:var(--spacing-xs);color:#1e50a2;color:var(--color-primary);transition:transform 0.2s ease;transition:transform var(--transition-fast);display:inline-block}.sitemap-block a:hover{color:#1e50a2;color:var(--color-primary)}.sitemap-block a:hover::before{transform:translateX(3px)}.sitemap-block span{font-size:1rem;font-size:var(--font-size-base);font-weight:500;color:#999;color:var(--color-text-muted)}.sitemap-block p{margin:4px 0 0;margin:var(--spacing-xs) 0 0;font-size:0.875rem;font-size:var(--font-size-sm);color:#999;color:var(--color-text-muted);line-height:1.5;padding-left:20px}.partners-section{width:100%;background-color:#0a1628;background-color:var(--color-dark-bg);padding:64px 0;padding:var(--spacing-3xl) 0;color:#fff}.partners-container{max-width:1200px;max-width:var(--container-max-width);margin:0 auto;padding:0 24px;padding:0 var(--spacing-lg)}.partners-title{font-size:32px;color:#fff;position:relative;text-align:center}.partners-sub-title{font-size:1.25rem;font-size:var(--font-size-lg);color:hsla(0,0%,100%,.6);position:relative;padding-bottom:24px;padding-bottom:var(--spacing-lg);text-align:center;margin-bottom:48px;margin-bottom:var(--spacing-2xl)}.partners-sub-title::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:3px;background-color:hsla(0,0%,100%,.6)}.partners-slider{width:100%;overflow:hidden;position:relative;margin:0 auto}.partners-track{display:flex;animation:scroll 20s linear infinite}.partner-item{flex:0 0 auto;width:220px;height:100px;margin:0 24px;margin:0 var(--spacing-lg);display:flex;align-items:center;justify-content:center;background-color:hsla(0,0%,100%,.1);border-radius:8px;border-radius:var(--radius-lg);padding:16px;padding:var(--spacing-md)}.partner-item img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media(max-width: 768px){.partners-title{font-size:1.75rem;font-size:var(--font-size-2xl)}.partners-sub-title{font-size:1.125rem;font-size:var(--font-size-md)}.partner-item{width:180px;height:80px;margin:0 8px;margin:0 var(--spacing-sm)}}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.error-page__code{font-size:8rem;font-weight:700;color:#1e50a2;color:var(--color-primary);line-height:1;margin-bottom:1rem}@media(max-width: 768px){.error-page__code{font-size:5rem}}.error-page__title{font-size:1.5rem;font-weight:600;color:#333;color:var(--color-text-primary);margin-bottom:.5rem}.error-page__message{font-size:1rem;color:#666;color:var(--color-text-secondary);margin-bottom:2rem;max-width:480px}.error-page__actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.rich-content{font-family:"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-size:var(--font-size-base);line-height:1.8;color:#333;color:var(--color-text-primary);margin-bottom:32px;margin-bottom:var(--spacing-xl);-o-tab-size:4;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.rich-content .ql-snow{border:none}.rich-content .ql-editor{padding:0;overflow:visible;height:auto;line-height:inherit;outline:none;-o-tab-size:inherit;tab-size:inherit;-moz-tab-size:inherit;text-align:inherit;white-space:inherit;word-wrap:inherit}.rich-content h1{font-size:2em;margin:1em 0 .5em;color:#000080;color:var(--color-navy);font-weight:600;line-height:1.3}.rich-content h2{font-size:1.5em;margin:1em 0 .5em;color:#000080;color:var(--color-navy);font-weight:600;line-height:1.3}.rich-content h3{font-size:1.17em;margin:1em 0 .5em;color:#000080;color:var(--color-navy);font-weight:600;line-height:1.3}.rich-content h4{font-size:1em;margin:1.33em 0 .5em;color:#000080;color:var(--color-navy);font-weight:600}.rich-content h5{font-size:.83em;margin:1.67em 0 .5em;color:#000080;color:var(--color-navy);font-weight:600}.rich-content h6{font-size:.67em;margin:2.33em 0 .5em;color:#000080;color:var(--color-navy);font-weight:600}.rich-content p{margin:0 0 1em;text-align:justify}.rich-content ul,.rich-content ol{margin:0 0 1em;padding-left:2em;list-style:disc outside none;list-style:initial}.rich-content ul{list-style-type:disc}.rich-content ol{list-style-type:decimal}.rich-content ul li,.rich-content ol li{margin-bottom:.5em}.rich-content li>.ql-ui{display:none}.rich-content blockquote{border-left:4px solid #000080;border-left:4px solid var(--color-navy);padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);margin:1em 0;background-color:#f9f9f9;background-color:var(--color-bg-hover);color:#666;color:var(--color-text-secondary);font-style:italic}.rich-content pre{background-color:#f5f5f5;background-color:var(--color-bg-section);padding:1em;border-radius:4px;border-radius:var(--radius-sm);overflow-x:auto;margin:1em 0;font-family:Monaco,Consolas,"Courier New",monospace}.rich-content code{font-family:Monaco,Consolas,"Courier New",monospace;background-color:#f5f5f5;background-color:var(--color-bg-section);padding:.2em .4em;border-radius:3px;font-size:.9em}.rich-content table{border-collapse:collapse;width:100%;margin:1em 0}.rich-content table th,.rich-content table td{border:1px solid #ddd;border:1px solid var(--color-border-dark);padding:8px 12px;text-align:left}.rich-content table th{background-color:#f2f2f2;font-weight:bold}.rich-content table tr:nth-child(even){background-color:#f9f9f9;background-color:var(--color-bg-hover)}.rich-content img{max-width:100%;height:auto;margin:1em 0;border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);box-shadow:var(--shadow-sm);display:block}.rich-content .ql-video{display:block;max-width:100%;margin:1em auto;border-radius:4px;border-radius:var(--radius-sm);overflow:hidden}.rich-content a{color:#000080;color:var(--color-navy);-webkit-text-decoration:underline;text-decoration:underline;transition:color 0.3s ease;transition:color var(--transition-normal)}.rich-content a:hover{color:#00005a;color:var(--color-navy-hover)}.rich-content strong{font-weight:bold}.rich-content em{font-style:italic}.rich-content u{-webkit-text-decoration:underline;text-decoration:underline}.rich-content s{-webkit-text-decoration:line-through;text-decoration:line-through}.rich-content .ql-align-center,.rich-content img.ql-align-center{text-align:center;margin-left:auto;margin-right:auto}.rich-content .ql-align-right,.rich-content img.ql-align-right{text-align:right;margin-left:auto;margin-right:0}.rich-content .ql-align-justify{text-align:justify}.rich-content .ql-indent-1{padding-left:3em}.rich-content .ql-indent-2{padding-left:6em}.rich-content .ql-indent-3{padding-left:9em}.rich-content .ql-indent-4{padding-left:12em}.rich-content .ql-indent-5{padding-left:15em}.rich-content .ql-indent-6{padding-left:18em}.rich-content .ql-indent-7{padding-left:21em}.rich-content .ql-indent-8{padding-left:24em}.rich-content .ql-size-small{font-size:.75em}.rich-content .ql-size-large{font-size:1.5em}.rich-content .ql-size-huge{font-size:2.5em}.rich-content .ql-font-serif{font-family:Georgia,"Times New Roman",serif}.rich-content .ql-font-monospace{font-family:Monaco,"Courier New",monospace}.rich-content .ql-color-white{color:#fff}.rich-content .ql-color-red{color:#e60000}.rich-content .ql-color-orange{color:#f90}.rich-content .ql-color-yellow{color:#ff0}.rich-content .ql-color-green{color:#008a00}.rich-content .ql-color-blue{color:#06c}.rich-content .ql-color-purple{color:#93f}.rich-content .ql-bg-black{background-color:#000}.rich-content .ql-bg-red{background-color:#e60000}.rich-content .ql-bg-orange{background-color:#f90}.rich-content .ql-bg-yellow{background-color:#ff0}.rich-content .ql-bg-green{background-color:#008a00}.rich-content .ql-bg-blue{background-color:#06c}.rich-content .ql-bg-purple{background-color:#93f}.rich-content .ql-formula{display:inline-block;vertical-align:middle}@media(max-width: 768px){.rich-content{font-size:15px}.rich-content h1{font-size:1.8em}.rich-content h2{font-size:1.4em}.rich-content h3{font-size:1.1em}.rich-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.rich-content .ql-indent-1,.rich-content .ql-indent-2,.rich-content .ql-indent-3,.rich-content .ql-indent-4,.rich-content .ql-indent-5,.rich-content .ql-indent-6,.rich-content .ql-indent-7,.rich-content .ql-indent-8{padding-left:2em}}@media(max-width: 480px){.rich-content{font-size:0.875rem;font-size:var(--font-size-sm)}.rich-content h1{font-size:1.6em}.rich-content h2{font-size:1.3em}}.animate-on-scroll{opacity:0;transition:opacity .6s ease, transform .6s ease;will-change:opacity,transform}.animate-on-scroll.fade-up{transform:translateY(30px)}.animate-on-scroll.fade-down{transform:translateY(-30px)}.animate-on-scroll.fade-left{transform:translateX(-30px)}.animate-on-scroll.fade-right{transform:translateX(30px)}.animate-on-scroll.scale-in{transform:scale(0.9)}.animate-on-scroll.is-visible{opacity:1;transform:translate(0) scale(1)}.animate-on-scroll.delay-1{transition-delay:.1s}.animate-on-scroll.delay-2{transition-delay:.2s}.animate-on-scroll.delay-3{transition-delay:.3s}.animate-on-scroll.delay-4{transition-delay:.4s}.animate-on-scroll.delay-5{transition-delay:.5s}.animate-on-scroll.delay-6{transition-delay:.6s}.animate-on-scroll.delay-7{transition-delay:.7s}.animate-on-scroll.delay-8{transition-delay:.8s}.animate-on-scroll.duration-fast{transition-duration:.4s}.animate-on-scroll.duration-slow{transition-duration:1s}.animate-on-scroll.duration-slower{transition-duration:1.5s}.animate-on-scroll.fade-blur{filter:blur(10px);opacity:0}.animate-on-scroll.fade-blur.is-visible{filter:blur(0);opacity:1}.animate-on-scroll.slide-up{transform:translateY(60px);opacity:0}.animate-on-scroll.slide-up.is-visible{transform:translateY(0);opacity:1}.animate-on-scroll.flip-in{transform:perspective(600px) rotateX(15deg);opacity:0}.animate-on-scroll.flip-in.is-visible{transform:perspective(600px) rotateX(0);opacity:1}.animate-on-scroll.slide-left{transform:translateX(-80px);opacity:0}.animate-on-scroll.slide-left.is-visible{transform:translateX(0);opacity:1}.animate-on-scroll.slide-right{transform:translateX(80px);opacity:0}.animate-on-scroll.slide-right.is-visible{transform:translateX(0);opacity:1}@media(prefers-reduced-motion: reduce){.animate-on-scroll{opacity:1;transform:none;transition:none}}.image-animation{opacity:0;transform:translateY(30px);transition:opacity .8s ease, transform .8s ease;will-change:opacity,transform}.animate-image{opacity:1;transform:translateY(0)}.hover-shine{position:relative;overflow:hidden}.hover-shine::after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 100%);transform:rotate(30deg) translateX(-100%);transition:none;pointer-events:none}.hover-shine:hover::after{animation:shine-sweep .6s ease-out forwards}@keyframes shine-sweep{0%{transform:rotate(30deg) translateX(-100%)}100%{transform:rotate(30deg) translateX(100%)}}.hover-bounce:hover{animation:bounce .5s ease}@keyframes bounce{0%,100%{transform:translateY(0)}30%{transform:translateY(-8px)}60%{transform:translateY(-3px)}}.hover-underline{position:relative;display:inline-block}.hover-underline::after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:#1e50a2;background:var(--color-primary);transition:width 0.3s ease, left 0.3s ease;transition:width var(--transition-normal), left var(--transition-normal)}.hover-underline:hover::after{width:100%;left:0}.hover-glow:hover{box-shadow:0 0 20px rgba(30,80,162,.4);transition:box-shadow 0.3s ease;transition:box-shadow var(--transition-normal)}.stagger-item{opacity:0;transform:translateY(20px);transition:opacity 0.5s ease, transform 0.5s ease;transition:opacity var(--transition-slow), transform var(--transition-slow)}.stagger-item.is-visible{opacity:1;transform:translateY(0)}.stagger-item:nth-child(1){transition-delay:0.05s}.stagger-item:nth-child(2){transition-delay:0.1s}.stagger-item:nth-child(3){transition-delay:0.15s}.stagger-item:nth-child(4){transition-delay:0.2s}.stagger-item:nth-child(5){transition-delay:0.25s}.stagger-item:nth-child(6){transition-delay:0.3s}.stagger-item:nth-child(7){transition-delay:0.35s}.stagger-item:nth-child(8){transition-delay:0.4s}.stagger-item:nth-child(9){transition-delay:0.45s}.stagger-item:nth-child(10){transition-delay:0.5s}.stagger-item:nth-child(11){transition-delay:0.55s}.stagger-item:nth-child(12){transition-delay:0.6s}