@layer base{ :root{ --primary-50: #f0f7fb;--primary-100: #dceef6;--primary-200: #b8dff0;--primary-300: #85c8e5;--primary-500: #4d94bf;--primary-600: #00529B;--primary-700: #00417c;--primary-800: #00315d;--primary-900: #00203e;--gold-50: #fef9ee;--gold-400: #fbbf24;--gold-500: #e8a838;--gold-600: #c8952a;--gold-700: #a67c1e;--steel-50: #f8f9fa;--steel-100: #f1f3f5;--steel-200: #e9ecef;--steel-300: #dee2e6;--steel-400: #ced4da;--steel-500: #adb5bd;--steel-600: #6c757d;--steel-700: #495057;--steel-800: #343a40;--steel-900: #212529;--danger: #e53e3e;--success: #276749;--success-bg: #f0fff4;--success-border: #c6f6d5;--text: var(--steel-800);--text-light: var(--steel-600);--bg: #ffffff;--bg-alt: var(--steel-50);--border: var(--steel-200);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--font-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--text-xs: 0.75rem;--text-sm: 0.875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.7;--leading-loose: 1.9;--tracking-tight: -0.01em;--tracking-normal: 0;--tracking-wide: 0.02em;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.1);--shadow-xl: 0 16px 48px rgba(0,0,0,.12);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-default: cubic-bezier(.4,0,.2,1);--ease-bounce: cubic-bezier(.68,-.55,.265,1.55);--transition: var(--duration-normal) var(--ease-default);--max-w: 1280px;}}@layer base{ *, *::before, *::after{ box-sizing: border-box;margin: 0;padding: 0;}html{ scroll-behavior: smooth;-webkit-text-size-adjust: 100%;}body{ font-family: var(--font-sans);font-size: var(--text-base);color: var(--text);line-height: var(--leading-relaxed);background: var(--bg);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}a{ color: var(--primary-600);text-decoration: none;transition: color var(--transition);}a:hover{ color: var(--primary-700);}img{ max-width: 100%;height: auto;display: block;}h1, h2, h3, h4, h5, h6{ color: var(--steel-900);font-weight: 700;line-height: var(--leading-tight);}h1{ font-size: var(--text-4xl);}h2{ font-size: var(--text-3xl);}h3{ font-size: var(--text-2xl);}h4{ font-size: var(--text-xl);}p{ margin-bottom: var(--space-4);}ul, ol{ padding-left: var(--space-6);}button, input, select, textarea{ font-family: inherit;font-size: inherit;}.container{ max-width: var(--max-w);margin: 0 auto;padding: 0 var(--space-5);}.sr-only{ position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}}@layer components{ .page-wrapper{ min-height: 100vh;display: flex;flex-direction: column;}.page-wrapper main{ flex: 1;}.scroll-reveal{ opacity: 0;transform: translateY(var(--space-8));transition: opacity var(--duration-slow) var(--ease-default), transform var(--duration-slow) var(--ease-default);}.scroll-reveal.revealed{ opacity: 1;transform: translateY(0);}.section{ padding: var(--space-20) 0;}.section-alt{ background: var(--bg-alt);}.section-cta{ background: var(--primary-50);}.section-title{ font-size: var(--text-3xl);font-weight: 700;color: var(--primary-700);text-align: center;margin-bottom: var(--space-3);}.section-sub{ text-align: center;color: var(--steel-500);font-size: var(--text-sm);margin-bottom: var(--space-4);}.section-divider{ width: 64px;height: 4px;background: var(--gold-500);margin: 0 auto var(--space-12);border-radius: 2px;}.empty-state{ text-align: center;padding: var(--space-20) var(--space-5);color: var(--steel-400);}.empty-state p{ font-size: var(--text-base);}.grid-2{ display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--space-6);}.grid-3{ display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-6);}.grid-4{ display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-6);}.flex-center{ display: flex;align-items: center;justify-content: center;}.tag{ display: inline-block;background: var(--primary-50);color: var(--primary-600);font-size: var(--text-xs);font-weight: 600;padding: 3px var(--space-3);border-radius: var(--radius-full);}.tag-gold{ background: var(--gold-50);color: var(--gold-700);}@media (max-width: 1024px){ .grid-3{ grid-template-columns: repeat(2, 1fr);}.grid-4{ grid-template-columns: repeat(2, 1fr);}}@media (max-width: 768px){ .section{ padding: var(--space-12) 0;}.section-title{ font-size: var(--text-2xl);}.grid-2, .grid-3, .grid-4{ grid-template-columns: 1fr;}}}@layer components{ .site-navbar{ position: fixed;top: 0;left: 0;right: 0;z-index: 1000;padding: var(--space-4) 0;background: rgba(0,0,0,.15);backdrop-filter: blur(8px);transition: background var(--transition), box-shadow var(--transition), padding var(--transition);}.site-navbar.scrolled{ background: var(--bg);backdrop-filter: none;box-shadow: var(--shadow-md);padding: var(--space-2) 0;}body:not(.page-home) .site-navbar{ background: var(--bg);backdrop-filter: none;box-shadow: var(--shadow-sm);}.navbar-inner{ max-width: var(--max-w);margin: 0 auto;padding: 0 var(--space-5);display: flex;align-items: center;justify-content: space-between;}.navbar-brand{ display: flex;align-items: center;gap: var(--space-3);text-decoration: none;}.navbar-brand .brand-icon{ width: 36px;height: 36px;border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;font-weight: 800;font-size: 13px;flex-shrink: 0;background: var(--gold-400);color: var(--primary-800);transition: all var(--transition);}.navbar-brand .brand-name{ font-size: var(--text-lg);font-weight: 700;letter-spacing: -.5px;color: #fff;transition: color var(--transition);}.navbar-brand .brand-sub{ font-size: var(--text-xs);letter-spacing: var(--tracking-wide);text-transform: uppercase;color: rgba(255,255,255,.7);transition: color var(--transition);}.site-navbar.scrolled .brand-name, body:not(.page-home) .site-navbar .brand-name{ color: var(--primary-700);}.site-navbar.scrolled .brand-sub, body:not(.page-home) .site-navbar .brand-sub{ color: var(--steel-500);}.nav-links{ display: flex;align-items: center;gap: 0;}.nav-link{ display: block;padding: var(--space-2) var(--space-3);border-radius: var(--radius-sm);font-size: var(--text-sm);font-weight: 500;white-space: nowrap;color: rgba(255,255,255,.95);transition: all var(--transition);}.nav-link:hover{ color: var(--gold-400);background: rgba(255,255,255,.1);}.nav-link.active{ color: var(--gold-400);}.site-navbar.scrolled .nav-link, body:not(.page-home) .site-navbar .nav-link{ color: var(--steel-700);}.site-navbar.scrolled .nav-link:hover, body:not(.page-home) .site-navbar .nav-link:hover{ color: var(--primary-600);background: var(--primary-50);}.site-navbar.scrolled .nav-link.active, body:not(.page-home) .site-navbar .nav-link.active{ color: var(--primary-600);}.nav-dropdown{ position: relative;}.nav-dropdown .dropdown-menu{ position: absolute;top: 100%;left: 0;min-width: 140px;background: var(--bg);border-radius: var(--radius-md);box-shadow: var(--shadow-lg);padding: var(--space-1) 0;opacity: 0;visibility: hidden;transform: translateY(var(--space-2));transition: all var(--duration-normal) var(--ease-default);}.nav-dropdown:hover .dropdown-menu{ opacity: 1;visibility: visible;transform: translateY(2px);}.dropdown-item{ display: block;padding: var(--space-2) 18px;font-size: var(--text-xs);color: var(--steel-700);transition: all var(--transition);}.dropdown-item:hover{ background: var(--primary-50);color: var(--primary-600);padding-left: 22px;}.nav-caret{ display: inline-block;width: 12px;height: 12px;margin-left: 2px;vertical-align: middle;opacity: .6;}.mobile-toggle{ display: none;background: none;border: none;cursor: pointer;padding: var(--space-2);width: 40px;height: 40px;position: relative;}.mobile-toggle span{ display: block;width: 22px;height: 2px;position: absolute;left: 9px;transition: all var(--duration-normal) var(--ease-default);background: #fff;}.mobile-toggle span:nth-child(1){ top: 12px;}.mobile-toggle span:nth-child(2){ top: 19px;}.mobile-toggle span:nth-child(3){ top: 26px;}.site-navbar.scrolled .mobile-toggle span, body:not(.page-home) .site-navbar .mobile-toggle span{ background: var(--steel-800);}.mobile-toggle.open span:nth-child(1){ top: 19px;transform: rotate(45deg);}.mobile-toggle.open span:nth-child(2){ opacity: 0;}.mobile-toggle.open span:nth-child(3){ top: 19px;transform: rotate(-45deg);}@media (max-width: 768px){ .mobile-toggle{ display: block;}.nav-links{ display: none;position: absolute;top: 100%;left: 0;right: 0;background: var(--bg);box-shadow: var(--shadow-lg);flex-direction: column;padding: var(--space-4) 0;}.nav-links.show{ display: flex;}.nav-link{ color: var(--steel-700);padding: var(--space-3) var(--space-5);border-radius: 0;width: 100%;}.nav-link:hover{ background: var(--primary-50);color: var(--primary-600);}.nav-link.active{ color: var(--primary-600);background: var(--primary-50);}.nav-dropdown .dropdown-menu{ position: static;opacity: 1;visibility: visible;transform: none;box-shadow: none;padding-left: var(--space-6);background: transparent;}.navbar-brand .brand-name{ color: #fff;}.site-navbar.scrolled .navbar-brand .brand-name, body:not(.page-home) .navbar-brand .brand-name{ color: var(--primary-700);}.navbar-brand .brand-sub{ color: rgba(255,255,255,.7);}.site-navbar.scrolled .navbar-brand .brand-sub, body:not(.page-home) .navbar-brand .brand-sub{ color: var(--steel-500);}}}@layer components{ .site-footer{ background: var(--primary-800);color: rgba(255,255,255,.7);}.footer-main{ padding: 56px 0 var(--space-10);}.footer-grid{ display: grid;grid-template-columns: 1.5fr 1fr 1fr 1.3fr;gap: var(--space-10);}.footer-grid h4{ font-size: var(--text-sm);font-weight: 600;color: var(--gold-400);margin-bottom: var(--space-5);}.footer-brand{ display: flex;align-items: center;gap: var(--space-2);margin-bottom: var(--space-4);}.footer-brand .brand-icon{ width: 36px;height: 36px;background: var(--gold-500);border-radius: var(--radius-sm);display: flex;align-items: center;justify-content: center;color: var(--bg);font-weight: 800;font-size: var(--text-sm);}.footer-brand .brand-name{ font-weight: 700;color: var(--bg);}.footer-brand .brand-sub{ font-size: var(--text-xs);color: rgba(255,255,255,.4);}.footer-about{ font-size: var(--text-sm);color: rgba(255,255,255,.45);line-height: var(--leading-relaxed);}.footer-links{ list-style: none;padding: 0;}.footer-links li{ margin-bottom: var(--space-2);}.footer-links a{ font-size: var(--text-sm);color: rgba(255,255,255,.45);transition: all var(--transition);}.footer-links a:hover{ color: var(--bg);padding-left: var(--space-1);}.footer-contact-item{ display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-sm);color: rgba(255,255,255,.45);margin-bottom: var(--space-3);}.footer-contact-item .icon{ font-size: var(--text-base);}.footer-contact-item a{ color: rgba(255,255,255,.45);}.footer-contact-item a:hover{ color: var(--bg);}.footer-phone{ font-size: var(--text-xl);font-weight: 700;}.footer-phone a{ color: var(--gold-400);}.footer-phone a:hover{ color: var(--gold-500);}.footer-bottom{ border-top: 1px solid rgba(255,255,255,.08);padding: var(--space-4) 0;}.footer-bottom .container{ display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: var(--space-2);font-size: var(--text-xs);color: rgba(255,255,255,.35);}.footer-bottom a{ color: rgba(255,255,255,.35);transition: color var(--transition);}.footer-bottom a:hover{ color: var(--bg);}.footer-bottom .icp-links{ display: flex;align-items: center;gap: var(--space-3);flex-wrap: wrap;}@media (max-width: 1024px){ .footer-grid{ grid-template-columns: 1fr 1fr;gap: var(--space-6);}}@media (max-width: 768px){ .footer-grid{ grid-template-columns: 1fr;}}}@layer components{ .page-hero{ background: linear-gradient(135deg, var(--primary-800) 0%, var(--primary-500) 100%);padding: 120px 0 var(--space-12);position: relative;overflow: hidden;}.page-hero h1{ color: var(--bg);font-size: var(--text-4xl);font-weight: 700;margin-bottom: var(--space-2);}.page-hero .breadcrumb{ display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-sm);flex-wrap: wrap;}.page-hero .breadcrumb a{ color: rgba(255,255,255,.65);}.page-hero .breadcrumb a:hover{ color: var(--bg);}.page-hero .breadcrumb .sep{ color: rgba(255,255,255,.35);}.page-hero .breadcrumb .current{ color: var(--gold-400);}@media (max-width: 768px){ .page-hero{ padding: 100px 0 var(--space-10);}.page-hero h1{ font-size: var(--text-2xl);}}}@layer components{ .sub-nav{ border-bottom: 1px solid var(--border);background: var(--bg);position: sticky;top: 60px;z-index: 30;}.sub-nav .container{ display: flex;gap: var(--space-6);}.sub-nav-link{ padding: 14px 0;font-size: var(--text-sm);font-weight: 500;color: var(--steel-600);border-bottom: 2px solid transparent;transition: all var(--transition);}.sub-nav-link:hover{ color: var(--primary-600);}.sub-nav-link.active{ color: var(--primary-600);border-bottom-color: var(--primary-600);}@media (max-width: 768px){ .sub-nav .container{ overflow-x: auto;gap: var(--space-4);}.sub-nav-link{ white-space: nowrap;font-size: var(--text-xs);}}}@layer components{ .content-wrap{ display: grid;grid-template-columns: 240px 1fr;gap: var(--space-8);}.sidebar{ background: var(--bg);border-radius: var(--radius-lg);border: 1px solid var(--border);padding: var(--space-6);}.sidebar-title{ font-size: var(--text-base);font-weight: 700;color: var(--primary-700);padding-bottom: var(--space-3);margin-bottom: var(--space-4);border-bottom: 2px solid var(--primary-600);}.sidebar-nav{ list-style: none;padding: 0;}.sidebar-nav li{ margin-bottom: var(--space-1);}.sidebar-nav a{ display: block;padding: var(--space-2) var(--space-3);border-radius: var(--radius-sm);font-size: var(--text-sm);color: var(--steel-600);transition: all var(--transition);}.sidebar-nav a:hover{ background: var(--primary-50);color: var(--primary-600);}.sidebar-nav a.active{ background: var(--primary-50);color: var(--primary-600);font-weight: 600;}@media (max-width: 768px){ .content-wrap{ grid-template-columns: 1fr;}.sidebar{ order: -1;}}}@layer components{ .card{ background: var(--bg);border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-sm);border: 1px solid var(--border);transition: all var(--duration-normal) var(--ease-default);}.card:hover{ box-shadow: var(--shadow-md);transform: translateY(-4px);}.product-grid{ display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-6);}.product-card{ display: block;text-decoration: none;color: inherit;}.product-card .card-img{ position: relative;overflow: hidden;aspect-ratio: 4/3;background: var(--steel-100);}.product-card .card-img img{ width: 100%;height: 100%;object-fit: cover;transition: transform var(--duration-slow) var(--ease-default);}.product-card:hover .card-img img{ transform: scale(1.08);}.product-card .card-img .img-overlay{ position: absolute;inset: 0;background: linear-gradient(to top, rgba(10,22,40,.5) 0%, transparent 50%);opacity: 0;transition: opacity var(--duration-normal) var(--ease-default);}.product-card:hover .card-img .img-overlay{ opacity: 1;}.product-card .card-img .material-tag{ position: absolute;top: var(--space-3);right: var(--space-3);background: var(--gold-500);color: var(--bg);font-size: var(--text-xs);font-weight: 600;padding: 3px var(--space-2);border-radius: var(--radius-full);opacity: 0;transform: translateY(-6px);transition: all var(--duration-normal) var(--ease-default);}.product-card:hover .card-img .material-tag{ opacity: 1;transform: translateY(0);}.product-card .card-body{ padding: var(--space-5);}.product-card .card-body h3{ font-size: var(--text-base);font-weight: 600;margin-bottom: var(--space-1);color: var(--steel-800);transition: color var(--transition);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.product-card:hover .card-body h3{ color: var(--primary-600);}.product-card .card-body .card-meta{ font-size: var(--text-xs);color: var(--steel-500);margin-bottom: var(--space-2);}.product-card .card-body .card-desc{ font-size: var(--text-xs);color: var(--steel-600);line-height: var(--leading-relaxed);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.product-card .card-body .card-action{ margin-top: 14px;font-size: var(--text-sm);color: var(--primary-600);font-weight: 500;display: flex;align-items: center;gap: var(--space-1);}.product-card .card-body .card-action .arrow{ transition: transform var(--transition);}.product-card:hover .card-body .card-action .arrow{ transform: translateX(4px);}.news-grid{ display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-6);}.news-card{ display: flex;flex-direction: column;text-decoration: none;color: inherit;}.news-card .card-img{ aspect-ratio: 16/9;overflow: hidden;background: var(--steel-100);}.news-card .card-img img{ width: 100%;height: 100%;object-fit: cover;transition: transform var(--duration-slow) var(--ease-default);}.news-card:hover .card-img img{ transform: scale(1.05);}.news-card .card-body{ padding: var(--space-5);flex: 1;display: flex;flex-direction: column;}.news-card .card-body .card-tags{ display: flex;align-items: center;gap: var(--space-2);margin-bottom: var(--space-2);}.news-card .card-body .card-date{ font-size: var(--text-xs);color: var(--steel-400);}.news-card .card-body h3{ font-size: var(--text-base);font-weight: 600;margin-bottom: var(--space-2);color: var(--steel-800);line-height: var(--leading-normal);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;transition: color var(--transition);}.news-card:hover .card-body h3{ color: var(--primary-600);}.news-card .card-body .card-summary{ font-size: var(--text-sm);color: var(--steel-500);line-height: var(--leading-relaxed);flex: 1;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}.news-card .card-body .read-more{ margin-top: 14px;font-size: var(--text-xs);color: var(--primary-600);font-weight: 500;display: flex;align-items: center;gap: var(--space-1);}.news-card .card-body .read-more .arrow{ transition: transform var(--transition);}.news-card:hover .card-body .read-more .arrow{ transform: translateX(4px);}.honor-grid{ display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-6);}.honor-card{ background: var(--bg);border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-sm);border: 1px solid var(--border);text-align: center;padding: var(--space-6);transition: all var(--duration-normal) var(--ease-default);}.honor-card:hover{ transform: translateY(-4px);box-shadow: var(--shadow-md);border-color: var(--gold-500);}.honor-card .honor-img{ width: 100%;aspect-ratio: 4/3;border-radius: var(--radius-md);overflow: hidden;margin-bottom: var(--space-4);background: var(--steel-100);}.honor-card .honor-img img{ width: 100%;height: 100%;object-fit: cover;}.honor-card h3{ font-size: var(--text-sm);font-weight: 600;margin-bottom: var(--space-1);color: var(--steel-800);}.honor-card .issued{ font-size: var(--text-xs);color: var(--steel-500);}@media (max-width: 1024px){ .product-grid, .news-grid, .honor-grid{ grid-template-columns: repeat(2, 1fr);}}@media (max-width: 768px){ .product-grid, .news-grid, .honor-grid{ grid-template-columns: 1fr;}}}@layer components{ .btn{ display: inline-flex;align-items: center;justify-content: center;gap: var(--space-1);padding: var(--space-3) 28px;border-radius: var(--radius-md);font-size: var(--text-sm);font-weight: 600;cursor: pointer;border: none;transition: all var(--transition);text-align: center;}.btn-primary{ background: var(--primary-600);color: var(--bg);}.btn-primary:hover{ background: var(--primary-700);color: var(--bg);transform: translateY(-1px);box-shadow: var(--shadow-md);}.btn-gold{ background: var(--gold-500);color: var(--primary-800);}.btn-gold:hover{ background: var(--gold-600);color: var(--primary-800);transform: translateY(-1px);box-shadow: var(--shadow-md);}.btn-outline{ border: 2px solid var(--primary-600);color: var(--primary-600);background: transparent;}.btn-outline:hover{ background: var(--primary-600);color: var(--bg);}.btn-white{ background: var(--bg);color: var(--primary-700);}.btn-white:hover{ background: var(--primary-50);color: var(--primary-600);transform: translateY(-1px);}.btn-lg{ padding: var(--space-4) var(--space-8);font-size: var(--text-base);}.btn-sm{ padding: var(--space-2) var(--space-4);font-size: var(--text-xs);}}@layer components{ .cf-group{ margin-bottom: var(--space-4);}.cf-label{ display: block;font-size: var(--text-xs);font-weight: 600;margin-bottom: var(--space-1);color: var(--steel-700);}.cf-label .req{ color: var(--danger);}.cf-input, .cf-textarea{ width: 100%;padding: var(--space-2) var(--space-3);border: 1px solid var(--steel-300);border-radius: var(--radius-md);font-size: var(--text-sm);background: var(--bg);transition: border-color var(--duration-fast), box-shadow var(--duration-fast);box-sizing: border-box;font-family: inherit;}.cf-input:focus, .cf-textarea:focus{ outline: none;border-color: var(--primary-500);box-shadow: 0 0 0 3px var(--primary-50);}.cf-textarea{ resize: vertical;min-height: 100px;}.cf-row{ display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-3);}.cf-submit{ display: block;width: 100%;padding: 13px;border: none;border-radius: var(--radius-md);background: var(--primary-600);color: var(--bg);font-size: var(--text-sm);font-weight: 600;cursor: pointer;transition: background var(--duration-fast);}.cf-submit:hover{ background: var(--primary-700);}.cf-error{ color: var(--danger);font-size: var(--text-xs);margin-top: var(--space-1);}.cf-success{ background: var(--success-bg);border: 1px solid var(--success-border);color: var(--success);padding: var(--space-3) 18px;border-radius: var(--radius-md);margin-bottom: 18px;font-size: var(--text-sm);}.hp-field{ position: absolute;left: -9999px;opacity: 0;height: 0;width: 0;}@media (max-width: 768px){ .cf-row{ grid-template-columns: 1fr;}}}@layer components{ .pagination-wrap{ display: flex;justify-content: center;align-items: center;gap: var(--space-1);margin-top: var(--space-10);flex-wrap: wrap;}.pagination-wrap a, .pagination-wrap > span{ display: flex;align-items: center;justify-content: center;min-width: 36px;height: 36px;padding: 0 10px;border: 1px solid var(--border);border-radius: var(--radius-md);font-size: var(--text-sm);color: var(--steel-600);transition: all var(--transition);}.pagination-wrap a:hover{ background: var(--primary-600);color: var(--bg);border-color: var(--primary-600);}.pagination-wrap .active span{ background: var(--primary-600);color: var(--bg);border-color: var(--primary-600);}.pagination-wrap .disabled{ opacity: .4;cursor: not-allowed;pointer-events: none;}.pagination-wrap .dots{ border: none;min-width: auto;padding: 0 var(--space-1);}}@layer components{ .contact-grid{ display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-12);}.contact-info-card{ background: var(--bg);border-radius: var(--radius-lg);padding: var(--space-8);box-shadow: var(--shadow-sm);border: 1px solid var(--border);}.contact-form-card{ background: var(--steel-50);border-radius: var(--radius-lg);padding: var(--space-8);}.ci-item{ display: flex;gap: 14px;align-items: flex-start;padding: 14px 0;border-bottom: 1px solid var(--border);}.ci-item:last-child{ border-bottom: none;}.ci-icon{ width: 40px;height: 40px;border-radius: var(--radius-md);background: var(--primary-50);display: flex;align-items: center;justify-content: center;flex-shrink: 0;font-size: var(--text-lg);color: var(--primary-600);}.ci-label{ font-size: var(--text-xs);color: var(--steel-500);font-weight: 500;}.ci-value{ font-size: var(--text-sm);font-weight: 600;margin-top: 2px;color: var(--steel-700);}.ci-value a{ color: var(--steel-700);}.ci-value a:hover{ color: var(--primary-600);}@media (max-width: 768px){ .contact-grid{ grid-template-columns: 1fr;}}}@layer components{ .faq-section{ margin-top: var(--space-12);}.faq-title{ font-size: var(--text-xl);font-weight: 700;margin-bottom: var(--space-5);color: var(--primary-600);}.faq-item{ border: 1px solid var(--border);border-radius: var(--radius-md);margin-bottom: var(--space-2);overflow: hidden;}.faq-question{ padding: var(--space-4) var(--space-5);background: var(--steel-50);cursor: pointer;display: flex;justify-content: space-between;align-items: center;font-weight: 600;font-size: var(--text-sm);color: var(--steel-800);}.faq-question::after{ content: '+';font-size: var(--text-lg);color: var(--primary-600);transition: transform var(--transition);}.faq-item.open .faq-question::after{ content: '\2212';}.faq-answer{ padding: 0 var(--space-5);max-height: 0;overflow: hidden;transition: all var(--duration-normal) var(--ease-default);font-size: var(--text-sm);color: var(--steel-600);line-height: var(--leading-relaxed);}.faq-item.open .faq-answer{ padding: var(--space-4) var(--space-5);max-height: 600px;}}@layer components{ .friend-links{ background: var(--steel-50);padding: var(--space-6) 0;border-top: 1px solid var(--border);}.friend-links .container{ display: flex;align-items: center;gap: var(--space-4);flex-wrap: wrap;font-size: var(--text-xs);}.friend-links .label{ font-weight: 600;color: var(--steel-700);white-space: nowrap;}.friend-links a{ color: var(--steel-500);}.friend-links a:hover{ color: var(--primary-600);}}@layer components{ .cta-section{ background: var(--primary-50);padding: var(--space-16) 0;text-align: center;}.cta-title{ font-size: var(--text-3xl);font-weight: 700;color: var(--primary-700);margin-bottom: var(--space-4);}.cta-desc{ font-size: var(--text-base);color: var(--steel-600);max-width: 600px;margin: 0 auto var(--space-8);line-height: var(--leading-relaxed);}.cta-actions{ display: flex;gap: var(--space-4);justify-content: center;flex-wrap: wrap;}@media (max-width: 768px){ .cta-section{ padding: var(--space-12) 0;}.cta-title{ font-size: var(--text-2xl);}}}@layer components{ .hero{ position: relative;min-height: 520px;background: linear-gradient(135deg, var(--primary-600) 0%, var(--primary-800) 100%);overflow: hidden;display: flex;flex-direction: column;}.hero__bg{ position: absolute;inset: 0;opacity: .06;background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,.6) 1px, transparent 0);background-size: 28px 28px;}.hero__inner{ position: relative;z-index: 2;display: grid;grid-template-columns: 1fr auto;gap: 48px;align-items: center;padding: 72px 0 48px;min-height: 380px;}.hero__content{ max-width: 600px;}.hero__title{ font-size: 44px;font-weight: 800;color: #fff;line-height: 1.3;margin: 0 0 12px;letter-spacing: -.5px;}.hero__accent{ color: var(--gold-400);}.hero__desc{ font-size: 16px;color: rgba(255,255,255,.75);line-height: 1.7;margin: 0 0 24px;}.hero__actions{ display: flex;align-items: center;gap: 12px;flex-wrap: wrap;margin-top: 8px;}.hero__specs{ display: grid;grid-template-columns: repeat(2, 1fr);gap: 8px;margin-bottom: 20px;max-width: 400px;}.hero__spec{ display: flex;align-items: center;gap: 8px;padding: 8px 12px;background: rgba(255,255,255,.1);border: 1px solid rgba(255,255,255,.15);border-radius: 8px;font-size: 13px;color: rgba(255,255,255,.85);}.hero__spec strong{ font-weight: 700;color: #fff;font-size: 14px;}.hero__spec span{ font-size: 12px;color: rgba(255,255,255,.6);}.hero__tel{ display: inline-flex;align-items: center;gap: 6px;color: rgba(255,255,255,.8);font-size: 14px;font-weight: 600;text-decoration: none;margin-left: 8px;}.hero__product{ }.hero-card{ display: block;width: 340px;border-radius: 14px;overflow: hidden;background: rgba(255,255,255,.1);border: 1px solid rgba(255,255,255,.15);text-decoration: none;box-shadow: 0 8px 32px rgba(0,0,0,.18);transition: transform .3s, box-shadow .3s;}.hero-card:hover{ transform: translateY(-4px);box-shadow: 0 12px 40px rgba(0,0,0,.22);}.hero-card img{ width: 100%;height: 240px;object-fit: cover;display: block;}.hero-card__placeholder{ width: 100%;height: 240px;display: flex;align-items: center;justify-content: center;font-size: 64px;font-weight: 900;color: rgba(255,255,255,.2);}.hero-card__info{ padding: 16px 20px;}.hero-card__cat{ font-size: 11px;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;color: var(--gold-400);}.hero-card__info h3{ font-size: 15px;font-weight: 700;color: #fff;margin: 4px 0 0;line-height: 1.4;}.hero__stats{ position: relative;z-index: 2;padding: 0 0 48px;}.hfade{ opacity: 0;transform: translateY(16px);animation: fadeUp .5s ease forwards;animation-delay: var(--d, 0s);}@keyframes fadeUp{ to{ opacity: 1;transform: translateY(0);}}.tw-cursor{ color: var(--gold-400);animation: blink .7s step-end infinite;font-weight: 300;}@keyframes blink{ 50%{ opacity: 0;}}.stats{ display: grid;grid-template-columns: repeat(4, 1fr);background: rgba(255,255,255,.96);border-radius: 12px;padding: 20px 0;box-shadow: 0 2px 12px rgba(0,0,0,.06);}.stats__item{ text-align: center;padding: 0 12px;border-right: 1px solid rgba(0,0,0,.07);}.stats__item:last-child{ border-right: none;}.stats__val{ font-size: 28px;font-weight: 800;color: var(--primary-600);white-space: nowrap;line-height: 1.2;}.stats__label{ font-size: 13px;color: var(--steel-600);margin-top: 2px;font-weight: 500;}.hbtn{ display: inline-flex;align-items: center;gap: 8px;padding: 10px 24px;border-radius: 8px;font-size: 14px;font-weight: 700;text-decoration: none;transition: all .25s;cursor: pointer;border: none;}.hbtn--primary{ background: var(--gold-400);color: #1a1a2e;}.hbtn--primary:hover{ background: var(--gold-500);transform: translateY(-1px);box-shadow: 0 4px 12px rgba(251,191,36,.25);}.hbtn--outline{ background: transparent;color: #fff;border: 1px solid rgba(255,255,255,.3);}.hbtn--outline:hover{ background: rgba(255,255,255,.1);border-color: rgba(255,255,255,.5);}.hbtn--gold{ background: var(--gold-400);color: #1a1a2e;}.hbtn--gold:hover{ background: var(--gold-500);transform: translateY(-1px);box-shadow: 0 4px 12px rgba(251,191,36,.25);}.hbtn--ghost{ background: transparent;color: #fff;border: 1px solid rgba(255,255,255,.3);font-weight: 600;}.hbtn--ghost:hover{ background: rgba(255,255,255,.1);}.hbtn--lg{ padding: 12px 28px;font-size: 15px;}.sec-header{ margin-bottom: 40px;}.sec-header--center{ text-align: center;}.sec-title{ font-size: 28px;font-weight: 800;color: var(--steel-800);letter-spacing: -.5px;}.sec-title--light{ color: #fff;}.sec-sub{ font-size: 14px;color: var(--steel-500);margin-top: 6px;}.sec-sub--light{ color: rgba(255,255,255,.65);}.sec-more{ display: inline-flex;align-items: center;gap: 6px;font-size: 13px;font-weight: 600;color: var(--primary-600);text-decoration: none;}.sec-more:hover{ color: var(--primary-700);}.cats-section{ background: var(--bg-alt, #f8fafc);}.cats-grid{ display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 20px;}.cat-card{ display: flex;flex-direction: column;align-items: center;padding: 28px 20px;border-radius: 12px;background: #fff;border: 1px solid var(--steel-100, #e2e8f0);text-decoration: none;transition: all .3s;}.cat-card:hover{ transform: translateY(-4px);box-shadow: 0 8px 24px rgba(0,0,0,.06);border-color: var(--primary-200);}.cat-card__icon{ width: 48px;height: 48px;border-radius: 12px;background: var(--primary-50);display: flex;align-items: center;justify-content: center;margin-bottom: 14px;}.cat-card__icon svg{ color: var(--primary-600);}.cat-card__body h3{ font-size: 15px;font-weight: 700;color: var(--steel-800);margin-bottom: 4px;}.cat-card__count{ font-size: 12px;color: var(--steel-400);}.cat-card__arrow{ margin-top: auto;padding-top: 12px;color: var(--primary-600);opacity: 0;transition: opacity .3s;}.cat-card:hover .cat-card__arrow{ opacity: 1;}.prod-grid{ display: grid;grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));gap: 24px;max-width: 1200px;margin: 0 auto;}.prod-card{ display: block;border-radius: 12px;overflow: hidden;background: #fff;border: 1px solid var(--steel-100, #e2e8f0);text-decoration: none;transition: all .3s;position: relative;}.prod-card:hover{ transform: translateY(-3px);box-shadow: 0 8px 24px rgba(0,0,0,.06);}.prod-card__img{ height: 200px;overflow: hidden;background: var(--steel-50, #f8fafc);}.prod-card__img img{ width: 100%;height: 100%;object-fit: cover;transition: transform .5s;}.prod-card:hover .prod-card__img img{ transform: scale(1.05);}.prod-card__noimg{ width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 36px;font-weight: 900;color: var(--steel-200);}.prod-card__overlay{ position: absolute;inset: 0;background: rgba(0,0,0,.4);display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity .3s;}.prod-card:hover .prod-card__overlay{ opacity: 1;}.prod-card__body{ padding: 16px 20px;}.prod-card__tag{ display: inline-block;font-size: 10px;font-weight: 700;letter-spacing: 1px;color: var(--gold-600);text-transform: uppercase;margin-bottom: 6px;}.prod-card__body h3{ font-size: 15px;font-weight: 700;color: var(--steel-800);margin-bottom: 4px;}.prod-card__spec{ font-size: 12px;color: var(--steel-500);}.advantages{ background: var(--primary-700);color: #fff;}.advantages .sec-title{ color: #fff;}.advantages .sec-sub{ color: rgba(255,255,255,.65);}.adv-grid{ display: grid;grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));gap: 24px;}.adv-card{ padding: 28px 24px;border-radius: 12px;background: rgba(255,255,255,.08);border: 1px solid rgba(255,255,255,.12);transition: all .3s;}.adv-card:hover{ background: rgba(255,255,255,.14);transform: translateY(-3px);}.adv-card__icon{ width: 44px;height: 44px;border-radius: 10px;background: rgba(255,255,255,.1);display: flex;align-items: center;justify-content: center;margin-bottom: 16px;}.adv-card__icon svg{ color: var(--gold-400);}.adv-card h3{ font-size: 16px;font-weight: 700;color: #fff;margin-bottom: 8px;}.adv-card p{ font-size: 13px;color: rgba(255,255,255,.6);line-height: 1.7;}.adv-card__bar{ width: 40px;height: 3px;background: var(--gold-400);border-radius: 2px;margin-top: 16px;}.adv-card__num{ position: absolute;top: 16px;right: 20px;font-size: 36px;font-weight: 900;color: rgba(255,255,255,.06);}.flow-section{ background: var(--bg-alt, #f8fafc);}.cats-section{ background: var(--bg-alt, #f8fafc);}.flow-steps{ display: grid;grid-template-columns: repeat(6, 1fr);gap: 16px;position: relative;}.flow-step{ text-align: center;padding: 24px 16px;border-radius: 12px;background: #fff;border: 1px solid var(--steel-100, #e2e8f0);position: relative;transition: all .3s;}.flow-step:hover{ transform: translateY(-3px);box-shadow: 0 4px 16px rgba(0,0,0,.06);}.flow-step__num{ position: absolute;top: 8px;right: 12px;font-size: 28px;font-weight: 900;color: rgba(0,0,0,.04);}.flow-step__icon{ width: 44px;height: 44px;border-radius: 50%;background: var(--primary-50);display: flex;align-items: center;justify-content: center;margin: 0 auto 12px;font-size: 22px;}.flow-step h4{ font-size: 15px;font-weight: 700;color: var(--steel-800);margin-bottom: 6px;}.flow-step p{ font-size: 12px;color: var(--steel-500);line-height: 1.5;}.flow-step__arrow{ margin-top: 12px;color: var(--steel-300);}.section{ padding: 60px 0;}.section-alt{ background: var(--bg-alt, #f8fafc);}.showcase__float{ display: none;}.showcase__side{ display: none;}.showcase__glow{ display: none;}.showcase__placeholder{ width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 48px;font-weight: 900;color: rgba(255,255,255,.2);}.news-layout{ display: grid;grid-template-columns: 1fr 1fr;gap: 32px;}.news-main{ display: block;border-radius: 12px;overflow: hidden;background: #fff;border: 1px solid var(--steel-100, #e2e8f0);text-decoration: none;transition: all .3s;}.news-main:hover{ box-shadow: 0 8px 24px rgba(0,0,0,.06);}.news-main__img{ height: 260px;overflow: hidden;}.news-main__img img{ width: 100%;height: 100%;object-fit: cover;transition: transform .5s;}.news-main:hover .news-main__img img{ transform: scale(1.04);}.news-main__noimg{ width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 800;letter-spacing: 4px;color: var(--steel-200);background: var(--steel-50);}.news-main__body{ padding: 20px 24px;}.news-main__meta{ display: flex;align-items: center;gap: 8px;margin-bottom: 8px;}.news-main__body h3{ font-size: 18px;font-weight: 700;color: var(--steel-800);margin-bottom: 6px;}.news-main__body p{ font-size: 13px;color: var(--steel-500);line-height: 1.7;}.news-list{ display: flex;flex-direction: column;gap: 12px;}.news-item{ display: flex;gap: 12px;padding: 12px;border-radius: 10px;background: #fff;border: 1px solid var(--steel-100, #e2e8f0);text-decoration: none;transition: all .3s;}.news-item:hover{ box-shadow: 0 4px 12px rgba(0,0,0,.04);border-color: var(--primary-200);}.news-item__thumb{ width: 80px;height: 60px;border-radius: 6px;overflow: hidden;flex-shrink: 0;background: var(--steel-50, #f8fafc);}.news-item__thumb img{ width: 100%;height: 100%;object-fit: cover;}.news-item__thumb-ph{ width: 80px;height: 60px;border-radius: 6px;background: var(--primary-50);display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: 900;color: var(--steel-200);flex-shrink: 0;}.ndate{ font-size: 20px;font-weight: 800;color: var(--primary-600);line-height: 1;}.news-item__ym{ font-size: 10px;color: var(--steel-400);margin-top: 2px;}.news-item__day{ font-size: 10px;color: var(--steel-400);}.news-item__body h4{ font-size: 14px;font-weight: 700;color: var(--steel-800);margin-bottom: 2px;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.news-item__body p{ font-size: 12px;color: var(--steel-500);line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.news-item__meta{ font-size: 11px;color: var(--steel-400);margin-top: 4px;}.ntag{ display: inline-block;font-size: 10px;font-weight: 700;letter-spacing: 1px;padding: 2px 8px;border-radius: 4px;}.ntag--gold{ color: var(--gold-600);background: rgba(232,168,56,.1);}.nmore{ display: inline-flex;align-items: center;gap: 6px;font-size: 13px;font-weight: 600;color: var(--primary-600);text-decoration: none;margin-top: 16px;}.hbtn{ display: inline-flex;align-items: center;gap: 8px;padding: 10px 22px;border-radius: 8px;font-size: 13px;font-weight: 700;text-decoration: none;transition: all .3s;cursor: pointer;border: none;}.hbtn--gold{ background: var(--gold-400);color: var(--primary-800);}.hbtn--gold:hover{ background: var(--gold-500);transform: translateY(-2px);box-shadow: 0 4px 16px rgba(251,191,36,.3);}.hbtn--ghost{ background: transparent;color: #fff;border: 1px solid rgba(255,255,255,.35);font-weight: 600;}.hbtn--ghost:hover{ background: rgba(255,255,255,.2);}.hbtn--lg{ padding: 14px 32px;font-size: 15px;}.cta{ position: relative;padding: 60px 0;background: var(--primary-50);overflow: hidden;}.cta__bg{ position: absolute;inset: 0;background: linear-gradient(135deg, var(--primary-100) 0%, var(--primary-50) 100%);}.cta__inner{ position: relative;z-index: 1;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 24px;}.cta__text h2{ font-size: 26px;font-weight: 800;color: var(--primary-800);margin-bottom: 6px;}.cta__text p{ font-size: 14px;color: var(--steel-500);}.cta__actions{ display: flex;flex-wrap: wrap;gap: 12px;}.cta .hbtn--gold{ background: var(--primary-600);color: #fff;}.cta .hbtn--gold:hover{ background: var(--primary-700);box-shadow: 0 4px 16px rgba(0,82,155,.2);}.cta .hbtn--ghost{ background: #fff;color: var(--primary-600);border: 1px solid var(--primary-200);}.cta .hbtn--ghost:hover{ background: var(--primary-50);}.section--dark{ background: var(--primary-700);color: #fff;}@media (max-width: 1024px){ .hero__inner{ grid-template-columns: 1fr;gap: 32px;padding: 88px 0 40px;}.hero__title{ font-size: 34px;}.hero-card{ width: 100%;max-width: 400px;}.cats-grid{ grid-template-columns: repeat(3, 1fr);}.news-layout{ grid-template-columns: 1fr;}.adv-grid{ grid-template-columns: repeat(2, 1fr);}.flow-steps{ grid-template-columns: repeat(3, 1fr);row-gap: 24px;}.flow-steps::before{ display: none;}}@media (max-width: 768px){ .hero__inner{ grid-template-columns: 1fr;padding: 88px 0 32px;min-height: auto;}.hero__title{ font-size: 28px;}.hero__actions{ flex-direction: column;align-items: flex-start;}.hero-card{ width: 100%;max-width: 320px;}.hero-card img{ height: 180px;}.stats{ grid-template-columns: repeat(2, 1fr);}.stats__val{ font-size: 24px;}.cats-grid{ grid-template-columns: repeat(2, 1fr);}.adv-grid{ grid-template-columns: 1fr;}.flow-steps{ grid-template-columns: repeat(2, 1fr);}.cta__inner{ flex-direction: column;text-align: center;}.cta__actions{ justify-content: center;}}.friend-links-section{ background: var(--steel-50, #f8fafc);padding: 32px 0;}.fl-header{ margin-bottom: 12px;}.fl-header span{ font-size: 14px;font-weight: 700;color: var(--steel-600);letter-spacing: .5px;}.fl-list{ display: flex;flex-wrap: wrap;gap: 8px 24px;align-items: center;}.fl-item{ font-size: 14px;color: var(--steel-600);text-decoration: none;transition: color .2s;padding: 4px 0;}.fl-item:hover{ color: var(--primary-600);text-decoration: underline;}@layer components{ .page-hero{ position: relative;background: linear-gradient(135deg, var(--primary-700) 0%, var(--primary-600) 100%);padding: 100px 0 50px;overflow: hidden;min-height: 220px;box-shadow: inset 0 -3px 0 var(--gold-500);}.page-hero h1{ font-size: 32px;font-weight: 800;color: #fff;margin-bottom: 12px;}.page-hero .breadcrumb{ display: flex;align-items: center;gap: 8px;font-size: 13px;flex-wrap: wrap;margin-top: 8px;}.page-hero .breadcrumb a{ color: rgba(255,255,255,.85);text-decoration: none;}.page-hero .breadcrumb a:hover{ color: var(--gold-400);}.page-hero .breadcrumb .sep{ color: rgba(255,255,255,.4);margin: 0 4px;}.page-hero .breadcrumb .current{ color: var(--gold-400);}@media (max-width: 768px){ .page-hero{ padding: 80px 0 40px;}.page-hero h1{ font-size: 24px;}}.content-wrap{ padding: 48px 0;}.content-wrap .container{ max-width: 1200px;margin: 0 auto;padding: 0 20px;}.card{ display: block;border-radius: 12px;overflow: hidden;background: #fff;border: 1px solid var(--steel-100, #e2e8f0);text-decoration: none;transition: all .3s;}.card:hover{ transform: translateY(-3px);box-shadow: 0 8px 24px rgba(0,0,0,.06);}.card-img{ height: 200px;overflow: hidden;background: var(--steel-50, #f8fafc);}.card-img img{ width: 100%;height: 100%;object-fit: cover;transition: transform .5s;}.card:hover .card-img img{ transform: scale(1.05);}.img-overlay{ position: absolute;inset: 0;background: rgba(0,0,0,.04);pointer-events: none;opacity: 0;transition: opacity .3s;}.card:hover .img-overlay{ opacity: 1;}.card-body{ padding: 20px;}.card-meta{ display: flex;align-items: center;gap: 8px;margin-bottom: 8px;}.card-meta .icon{ color: var(--gold-500);}.card-body h3{ font-size: 16px;font-weight: 700;color: var(--steel-800);margin-bottom: 6px;line-height: 1.4;}.card-desc{ font-size: 13px;color: var(--steel-500);line-height: 1.7;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}.card-date{ font-size: 12px;color: var(--steel-400);}.card-tags{ display: flex;gap: 6px;margin-bottom: 8px;}.card-action{ display: inline-flex;align-items: center;gap: 6px;font-size: 13px;font-weight: 600;color: var(--primary-600);margin-top: 10px;}.card-action:hover{ color: var(--primary-700);}.arrow{ display: inline-block;transition: transform .3s;}.card:hover .arrow{ transform: translateX(4px);}.news-grid{ display: grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));gap: 24px;}.news-card .card-img{ height: 180px;}.news-article{ max-width: 800px;margin: 0 auto;}.news-cover{ margin-bottom: 32px;border-radius: 12px;overflow: hidden;}.news-cover img{ width: 100%;height: auto;}.news-meta{ display: flex;align-items: center;gap: 12px;font-size: 13px;color: var(--steel-500);margin-bottom: 24px;padding-bottom: 16px;border-bottom: 1px solid var(--steel-100, #e2e8f0);}.news-article h1{ font-size: 28px;font-weight: 800;color: var(--steel-800);margin-bottom: 16px;line-height: 1.4;}.news-article h2{ font-size: 22px;font-weight: 700;color: var(--steel-800);margin: 32px 0 16px;}.news-article p{ font-size: 15px;color: var(--steel-600);line-height: 1.9;margin-bottom: 16px;}.news-article img{ max-width: 100%;border-radius: 8px;margin: 16px 0;}.news-detail-wrap{ padding: 48px 0;}.news-nav{ display: flex;justify-content: space-between;gap: 16px;margin-top: 40px;padding-top: 24px;border-top: 1px solid var(--steel-100, #e2e8f0);}.news-nav-item{ font-size: 14px;color: var(--steel-500);text-decoration: none;max-width: 45%;}.news-nav-item:hover{ color: var(--primary-600);}.news-nav-label{ font-size: 12px;color: var(--steel-400);display: block;margin-bottom: 4px;}.about-layout{ max-width: 900px;}.about-heading{ font-size: 28px;font-weight: 800;color: var(--steel-800);margin-bottom: 16px;}.about-text{ font-size: 15px;color: var(--steel-600);line-height: 1.9;}.about-text p{ margin-bottom: 16px;}.about-stats{ display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;margin-top: 24px;}.about-stat-item{ padding: 20px;border-radius: 10px;background: var(--primary-50);text-align: center;}.about-stat-value{ font-size: 32px;font-weight: 800;color: var(--primary-600);}.about-stat-label{ font-size: 13px;color: var(--steel-500);margin-top: 4px;}.culture-section{ margin-top: 48px;}.culture-grid{ display: grid;grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));gap: 24px;}.culture-card{ padding: 28px;border-radius: 12px;background: #fff;border: 1px solid var(--steel-100, #e2e8f0);transition: all .3s;}.culture-card:hover{ box-shadow: 0 8px 24px rgba(0,0,0,.06);transform: translateY(-3px);}.culture-icon{ width: 44px;height: 44px;border-radius: 10px;background: var(--primary-50);display: flex;align-items: center;justify-content: center;margin-bottom: 16px;}.culture-icon svg{ color: var(--primary-600);}.culture-card h3{ font-size: 16px;font-weight: 700;color: var(--steel-800);margin-bottom: 8px;}.culture-card p{ font-size: 13px;color: var(--steel-500);line-height: 1.7;}.contact-layout{ display: grid;grid-template-columns: 1fr 1fr;gap: 48px;}.ci-item{ display: flex;align-items: flex-start;gap: 14px;margin-bottom: 20px;}.ci-icon{ width: 40px;height: 40px;border-radius: 10px;background: var(--primary-50);display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.ci-icon svg{ color: var(--primary-600);}.ci-label{ font-size: 13px;color: var(--steel-400);margin-bottom: 2px;}.ci-value{ font-size: 15px;color: var(--steel-800);font-weight: 600;}.contact-form-card{ padding: 32px;border-radius: 12px;background: #fff;border: 1px solid var(--steel-100, #e2e8f0);}.contact-card-title{ font-size: 20px;font-weight: 700;color: var(--steel-800);margin-bottom: 24px;}.cf-group{ margin-bottom: 20px;}.cf-label{ display: block;font-size: 13px;font-weight: 600;color: var(--steel-600);margin-bottom: 6px;}.cf-input, .cf-textarea{ width: 100%;padding: 10px 14px;border-radius: 8px;border: 1px solid var(--steel-200, #cbd5e1);font-size: 14px;color: var(--steel-800);background: #fff;transition: border-color .3s;}.cf-input:focus, .cf-textarea:focus{ border-color: var(--primary-500);outline: none;box-shadow: 0 0 0 3px rgba(0,82,155,.1);}.cf-textarea{ min-height: 120px;resize: vertical;}.cf-row{ display: grid;grid-template-columns: 1fr 1fr;gap: 16px;}.cf-submit{ margin-top: 8px;}.cf-submit button, .cf-submit input[type=submit]{ display: inline-flex;align-items: center;gap: 8px;padding: 12px 28px;border-radius: 8px;background: var(--primary-600);color: #fff;font-size: 14px;font-weight: 700;border: none;cursor: pointer;transition: all .3s;}.cf-submit button:hover, .cf-submit input[type=submit]:hover{ background: var(--primary-700);}.cf-error{ color: #dc2626;font-size: 12px;margin-top: 4px;}.cf-success{ padding: 16px;border-radius: 8px;background: #ecfdf5;color: #065f46;font-size: 14px;}.faq-section{ margin-top: 48px;}.faq-title{ font-size: 22px;font-weight: 700;color: var(--steel-800);margin-bottom: 24px;}.faq-item{ border: 1px solid var(--steel-100, #e2e8f0);border-radius: 10px;margin-bottom: 12px;overflow: hidden;transition: all .3s;}.faq-item.open{ border-color: var(--primary-200);box-shadow: 0 4px 12px rgba(0,0,0,.04);}.faq-question{ display: flex;align-items: center;justify-content: space-between;padding: 16px 20px;font-size: 15px;font-weight: 600;color: var(--steel-800);cursor: pointer;transition: color .3s;}.faq-question:hover{ color: var(--primary-600);}.faq-answer{ padding: 0 20px 16px;font-size: 14px;color: var(--steel-600);line-height: 1.7;display: none;}.faq-item.open .faq-answer{ display: block;}.btn{ display: inline-flex;align-items: center;gap: 8px;padding: 10px 20px;border-radius: 8px;font-size: 14px;font-weight: 600;text-decoration: none;transition: all .3s;cursor: pointer;}.btn-gold{ background: var(--gold-400);color: var(--primary-800);}.btn-gold:hover{ background: var(--gold-500);}.empty-state{ text-align: center;padding: 60px 0;}.empty-state .icon{ font-size: 48px;color: var(--steel-300);margin-bottom: 10px;}.empty-state .hint{ font-size: 13px;color: var(--steel-400);}@media (max-width: 1024px){ .about-layout{ grid-template-columns: 1fr;}.contact-layout{ grid-template-columns: 1fr;}}@media (max-width: 768px){ .news-grid{ grid-template-columns: 1fr;}.cf-row{ grid-template-columns: 1fr;}.about-stats{ grid-template-columns: 1fr;}}}.pagination-wrap{ display: flex;justify-content: center;padding: 32px 0;}.pagination-wrap .pagination-nav{ display: flex;align-items: center;gap: 4px;}.pagination-wrap .pagination-list{ display: flex;align-items: center;gap: 4px;list-style: none;margin: 0;padding: 0;}.pagination-wrap .pagination-item a, .pagination-wrap .pagination-item span{ display: inline-flex;align-items: center;justify-content: center;min-width: 36px;height: 36px;padding: 0 10px;border-radius: 8px;font-size: 14px;font-weight: 500;text-decoration: none;transition: all .2s;color: var(--steel-600);background: #fff;border: 1px solid var(--steel-200, #e2e8f0);}.pagination-wrap .pagination-item a:hover{ background: var(--primary-50);color: var(--primary-600);border-color: var(--primary-200);}.pagination-wrap .pagination-item.active span{ background: var(--primary-600);color: #fff;border-color: var(--primary-600);}.pagination-wrap .pagination-item.disabled span{ color: var(--steel-300);background: var(--steel-50, #f8fafc);cursor: not-allowed;}.pagination-wrap .pagination-item.ellipsis span{ background: none;border: none;color: var(--steel-400);}.read-more{ display: inline-flex;align-items: center;gap: 6px;font-size: 13px;font-weight: 600;color: var(--primary-600);text-decoration: none;margin-top: 8px;}.read-more:hover{ color: var(--primary-700);}.tag{ display: inline-block;font-size: 11px;font-weight: 700;letter-spacing: 1px;padding: 2px 8px;border-radius: 4px;text-transform: uppercase;}.tag-gold{ color: var(--gold-600);background: rgba(232,168,56,.1);}.hint{ font-size: 13px;color: var(--steel-400);margin-top: 6px;}.sub-nav{ background: var(--bg-alt, #f8fafc);border-bottom: 1px solid var(--steel-100, #e2e8f0);padding: 0;}.sub-nav .container{ display: flex;gap: 0;}.sub-nav-link{ display: inline-block;padding: 14px 24px;font-size: 14px;font-weight: 600;color: var(--steel-500);text-decoration: none;border-bottom: 3px solid transparent;transition: all .2s;}.sub-nav-link:hover{ color: var(--primary-600);}.sub-nav-link.active{ color: var(--primary-600);border-bottom-color: var(--primary-600);}.honor-grid{ display: grid;grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));gap: 24px;}.honor-card{ border-radius: 12px;background: #fff;border: 1px solid var(--steel-100, #e2e8f0);overflow: hidden;transition: all .3s;}.honor-card:hover{ box-shadow: 0 8px 24px rgba(0,0,0,.06);transform: translateY(-2px);}.honor-card .honor-img{ position: relative;overflow: hidden;}.honor-card .honor-img img{ width: 100%;height: 200px;object-fit: cover;display: block;transition: transform .3s;}.honor-card:hover .honor-img img{ transform: scale(1.03);}.honor-card h3{ font-size: 15px;font-weight: 700;color: var(--steel-800);padding: 12px 16px 4px;line-height: 1.4;}.honor-card h3 a{ color: inherit;text-decoration: none;}.honor-card h3 a:hover{ color: var(--primary-600);}.honor-card .issued{ font-size: 12px;color: var(--steel-400);padding: 0 16px;}.honor-card .date{ font-size: 12px;color: var(--steel-400);padding: 0 16px 12px;}.honor-block{ margin-bottom: 40px;}.honor-item{ padding: 20px;border-radius: 12px;background: #fff;border: 1px solid var(--steel-100, #e2e8f0);text-align: center;transition: all .3s;}.honor-item:hover{ box-shadow: 0 8px 24px rgba(0,0,0,.06);transform: translateY(-2px);}.honor-img{ max-width: 100%;border-radius: 8px;margin-bottom: 12px;}.honor-title{ font-size: 14px;font-weight: 600;color: var(--steel-800);}.honor-date{ font-size: 12px;color: var(--steel-400);margin-top: 4px;}.honor-section-title{ font-size: 20px;font-weight: 700;color: var(--steel-800);margin-bottom: 20px;padding-bottom: 10px;border-bottom: 2px solid var(--gold-400);display: inline-block;}.sidebar{ position: sticky;top: 100px;}.sidebar-nav{ list-style: none;padding: 0;margin: 0;}.sidebar-nav li{ margin-bottom: 4px;}.sidebar-nav a{ display: block;padding: 10px 16px;border-radius: 8px;font-size: 14px;color: var(--steel-600);text-decoration: none;transition: all .2s;}.sidebar-nav a:hover{ background: var(--primary-50);color: var(--primary-600);}.sidebar-nav a.active{ background: var(--primary-50);color: var(--primary-600);font-weight: 600;border-left: 3px solid var(--primary-600);}.pd-layout{ display: grid;grid-template-columns: 1fr 320px;gap: 40px;padding: 40px 0;}.pd-header{ display: grid;grid-template-columns: 1fr 1fr;gap: 32px;margin-bottom: 24px;align-items: start;}.pd-title{ font-size: 26px;font-weight: 800;color: var(--steel-800);margin-bottom: 8px;}.pd-info{ font-size: 13px;color: var(--steel-500);margin-bottom: 16px;}.pd-summary{ font-size: 15px;color: var(--steel-600);line-height: 1.8;margin-bottom: 24px;padding: 20px;border-radius: 10px;background: var(--primary-50);}.pd-specs{ margin-bottom: 32px;}.pd-block{ margin-bottom: 32px;}.pd-block-title{ font-size: 18px;font-weight: 700;color: var(--steel-800);margin-bottom: 16px;padding-bottom: 8px;border-bottom: 2px solid var(--primary-100);}.spec-label{ font-size: 12px;color: var(--steel-400);}.pd-cta-btn{ display: inline-flex;align-items: center;gap: 8px;padding: 14px 32px;border-radius: 10px;background: var(--primary-600);color: #fff;font-size: 15px;font-weight: 700;text-decoration: none;transition: all .3s;}.pd-cta-btn:hover{ background: var(--primary-700);transform: translateY(-2px);box-shadow: 0 6px 20px rgba(0,0,0,.15);}.pd-related-grid{ display: grid;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));gap: 16px;}.product-card{ display: block;border-radius: 10px;overflow: hidden;background: #fff;border: 1px solid var(--steel-100);text-decoration: none;transition: all .3s;}.product-card:hover{ box-shadow: 0 4px 12px rgba(0,0,0,.06);transform: translateY(-2px);}.product-card img{ width: 100%;height: 160px;object-fit: cover;}.product-card h4{ padding: 12px 16px;font-size: 14px;font-weight: 600;color: var(--steel-800);}.nav-title{ font-size: 16px;font-weight: 700;color: var(--steel-800);margin-bottom: 12px;}.prose{ font-size: 15px;color: var(--steel-600);line-height: 1.9;}.prose h2{ font-size: 22px;font-weight: 700;color: var(--steel-800);margin: 28px 0 14px;}.prose h3{ font-size: 18px;font-weight: 600;color: var(--steel-800);margin: 24px 0 12px;}.prose p{ margin-bottom: 16px;}.prose ul, .prose ol{ margin: 12px 0;padding-left: 24px;}.prose li{ margin-bottom: 6px;}.prose img{ max-width: 100%;border-radius: 8px;margin: 16px 0;}.prose blockquote{ border-left: 4px solid var(--primary-200);padding: 12px 20px;margin: 16px 0;background: var(--primary-50);border-radius: 0 8px 8px 0;}.prose table{ width: 100%;border-collapse: collapse;margin: 16px 0;}.prose th, .prose td{ padding: 10px 14px;border: 1px solid var(--steel-200);text-align: left;}.prose th{ background: var(--steel-50);font-weight: 600;color: var(--steel-800);}.pg-gallery{ margin-bottom: 32px;}.pg-main{ position: relative;border-radius: 12px;overflow: hidden;background: var(--steel-50);margin-bottom: 12px;}.pg-main-inner{ position: relative;}.pg-slide{ width: 100%;display: none;}.pg-slide.active{ display: block;}.pg-slide img{ width: 100%;height: 400px;object-fit: contain;background: #fff;}.pg-thumbs{ display: flex;gap: 8px;overflow-x: auto;padding: 4px 0;}.pg-thumb{ width: 72px;height: 72px;border-radius: 8px;overflow: hidden;border: 2px solid transparent;cursor: pointer;flex-shrink: 0;transition: border-color .2s;}.pg-thumb:hover, .pg-thumb.active{ border-color: var(--primary-500);}.pg-thumb img{ width: 100%;height: 100%;object-fit: cover;}.pg-arrow{ position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;border-radius: 50%;background: rgba(255,255,255,.9);border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;box-shadow: 0 2px 8px rgba(0,0,0,.1);z-index: 5;transition: all .2s;}.pg-arrow:hover{ background: #fff;box-shadow: 0 4px 16px rgba(0,0,0,.15);}.pg-arrow-l{ left: 12px;}.pg-arrow-r{ right: 12px;}.pg-counter{ position: absolute;bottom: 12px;right: 12px;background: rgba(0,0,0,.5);color: #fff;font-size: 12px;padding: 4px 10px;border-radius: 20px;z-index: 5;}.pg-lightbox{ position: fixed;inset: 0;background: rgba(0,0,0,.85);z-index: 9999;display: none;align-items: center;justify-content: center;}.pg-lightbox.active{ display: flex;}.pg-lightbox img{ max-width: 90%;max-height: 90%;object-fit: contain;border-radius: 8px;}.pg-lightbox-close{ position: absolute;top: 20px;right: 20px;width: 40px;height: 40px;border-radius: 50%;background: rgba(255,255,255,.15);color: #fff;border: none;font-size: 24px;cursor: pointer;display: flex;align-items: center;justify-content: center;}.main-content{ min-height: 400px;}@media (max-width: 1024px){ .pd-layout{ grid-template-columns: 1fr;}}@media (max-width: 768px){ .pd-title{ font-size: 20px;}.pg-slide img{ height: 280px;}.honor-grid{ grid-template-columns: 1fr;}.honor-card .honor-img img{ height: 160px;}}.honor-detail{ margin-bottom: 40px;}.honor-detail__image{ border-radius: 12px;overflow: hidden;background: var(--steel-50);margin-bottom: 24px;max-width: 600px;}.honor-detail__image img{ width: 100%;display: block;cursor: zoom;transition: transform .3s;}.honor-detail__image img.zoomed{ transform: scale(1.5);}.honor-detail__info h2{ font-size: 24px;font-weight: 700;color: var(--steel-800);margin-bottom: 16px;}.honor-detail__table{ width: 100%;max-width: 500px;border-collapse: collapse;margin-bottom: 20px;}.honor-detail__table th{ text-align: left;padding: 10px 16px;background: var(--steel-50);font-size: 13px;font-weight: 600;color: var(--steel-600);width: 100px;border: 1px solid var(--steel-100);}.honor-detail__table td{ padding: 10px 16px;font-size: 14px;color: var(--steel-800);border: 1px solid var(--steel-100);}.honor-detail__desc{ margin-top: 20px;}.honor-detail__desc h3{ font-size: 16px;font-weight: 700;color: var(--steel-800);margin-bottom: 8px;}.honor-detail__desc p{ font-size: 14px;color: var(--steel-600);line-height: 1.7;}.honor-detail__nav{ display: flex;justify-content: space-between;align-items: center;gap: 16px;padding: 20px 0;border-top: 1px solid var(--steel-100);margin-top: 20px;flex-wrap: wrap;}.honor-detail__nav-item{ display: flex;align-items: center;gap: 8px;font-size: 14px;color: var(--primary-600);text-decoration: none;font-weight: 500;}.honor-detail__nav-item:hover{ text-decoration: underline;}.honor-detail__nav-arrow{ font-size: 18px;}.honor-detail__nav .btn-outline{ padding: 8px 20px;border-radius: 8px;border: 1px solid var(--primary-200);color: var(--primary-600);text-decoration: none;font-size: 13px;font-weight: 600;transition: all .2s;}.honor-detail__nav .btn-outline:hover{ background: var(--primary-50);}.honor-lightbox{ position: fixed;inset: 0;background: rgba(0,0,0,.85);z-index: 9999;display: none;align-items: center;justify-content: center;}.honor-lightbox.active{ display: flex;}.honor-lightbox__close{ position: absolute;top: 20px;right: 20px;width: 40px;height: 40px;border-radius: 50%;background: rgba(255,255,255,.15);color: #fff;border: none;font-size: 28px;cursor: pointer;display: flex;align-items: center;justify-content: center;}.honor-lightbox__prev, .honor-lightbox__next{ position: absolute;top: 50%;transform: translateY(-50%);width: 48px;height: 48px;border-radius: 50%;background: rgba(255,255,255,.1);color: #fff;border: none;font-size: 32px;cursor: pointer;}.honor-lightbox__prev{ left: 20px;}.honor-lightbox__next{ right: 20px;}.honor-lightbox__content{ text-align: center;max-width: 80%;max-height: 80%;}.honor-lightbox__content img{ max-width: 100%;max-height: 70vh;object-fit: contain;border-radius: 8px;}.honor-lightbox__info{ margin-top: 16px;}.honor-lightbox__info h3{ color: #fff;font-size: 18px;margin-bottom: 4px;}.honor-lightbox__info p{ color: rgba(255,255,255,.6);font-size: 13px;}.honor-item img{ width: 100%;border-radius: 8px 8px 0 0;}.honor-item .issued{ font-size: 12px;color: var(--steel-400);margin-top: 4px;}.honor-item .date{ font-size: 12px;color: var(--steel-400);}.patent-grid{ display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 20px;margin-bottom: 40px;}.patent-card{ padding: 20px;border-radius: 12px;background: #fff;border: 1px solid var(--steel-100, #e2e8f0);display: flex;gap: 16px;align-items: center;transition: all .3s;}.patent-card:hover{ box-shadow: 0 4px 12px rgba(0,0,0,.06);}.patent-card img{ width: 80px;height: 80px;object-fit: cover;border-radius: 8px;flex-shrink: 0;cursor: pointer;}.patent-card h4{ font-size: 14px;font-weight: 600;color: var(--steel-800);margin-bottom: 4px;}.patent-card p{ font-size: 12px;color: var(--steel-500);}.pd-specs{ width: 100%;border-collapse: collapse;margin-bottom: 20px;}.pd-specs td{ padding: 10px 14px;border-bottom: 1px solid var(--steel-100, #e2e8f0);font-size: 14px;}.pd-specs .spec-label{ color: var(--steel-400);font-weight: 500;width: 100px;white-space: nowrap;}@media (max-width: 768px){ .pd-header{ grid-template-columns: 1fr;}}.pd-contact-card{ margin-top: 20px;background: var(--primary-600);color: #fff;text-align: center;padding: 28px 20px;border-radius: var(--radius-lg);}.pd-contact-card__title{ font-size: 15px;font-weight: 600;margin-bottom: 8px;}.pd-contact-card__phone{ font-size: 22px;font-weight: 700;color: var(--gold-400);margin-bottom: 4px;}.pd-contact-card__phone a{ color: var(--gold-400);}.pd-contact-card__person{ font-size: 13px;opacity: .7;}.pd-contact-card .btn-gold{ margin-top: 14px;padding: 8px 24px;font-size: 13px;}.pd-no-img-text{ color: var(--steel-400);font-size: 14px;}.pd-no-img-placeholder{ width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: var(--steel-100);color: var(--steel-400);}