@layer tokens{:root{--primary:#0C1E3A;--primary-dark:#071428;--primary-light:#1A365D;--primary-50:#EBF0F7;--primary-100:#C8D6E7;--primary-200:#8FA8C8;--secondary:#2B5F9E;--secondary-dark:#1C4678;--secondary-light:#3E7EC2;--accent:#1565E8;--accent-hover:#0D4FC4;--accent-light:#4A8AF4;--accent-glow:rgba(21,101,232,0.14);--cta-secondary:#E8590C;--cta-secondary-hover:#C2410C;--success:#0D9668;--success-light:#34D399;--success-bg:#ECFDF5;--warning:#D97706;--warning-bg:#FFFBEB;--error:#DC2626;--error-bg:#FEF2F2;--info:#2563EB;--info-bg:#EFF6FF;--text-primary:#0F172A;--text-secondary:#334155;--text-tertiary:#64748B;--text-light:#94A3B8;--text-inverse:#FFFFFF;--text-white:#FFFFFF;--bg-primary:#FFFFFF;--bg-secondary:#F8FAFC;--bg-tertiary:#F1F5F9;--bg-dark:#0F172A;--bg-gradient-start:#0C1E3A;--bg-gradient-end:#1A365D;--bg-accent:#EFF6FF;--border-color:#E2E8F0;--border-light:#F1F5F9;--border-dark:#CBD5E1;--border-focus:var(--accent-light);--border-accent:var(--accent);--group-acdc:#2563EB;--group-dcdc:#059669;--group-comm:#7C3AED;--group-io:#EA580C;--group-sensor:#DC2626;--group-drive:#0891B2;--font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang SC','Microsoft YaHei','Noto Sans SC',sans-serif;--font-mono:'JetBrains Mono','Fira Code','Cascadia Code',monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-size-4xl:40px;--font-size-5xl:48px;--font-size-6xl:56px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-snug:1.35;--line-height-base:1.6;--line-height-relaxed:1.75;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--spacing-0:0;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--spacing-xxs:2px;--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:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(12,30,58,0.04);--shadow-sm:0 1px 3px rgba(12,30,58,0.06),0 1px 2px rgba(12,30,58,0.04);--shadow-md:0 4px 6px -1px rgba(12,30,58,0.07),0 2px 4px -1px rgba(12,30,58,0.04);--shadow-lg:0 10px 15px -3px rgba(12,30,58,0.07),0 4px 6px -2px rgba(12,30,58,0.03);--shadow-xl:0 20px 25px -5px rgba(12,30,58,0.07),0 10px 10px -5px rgba(0,0,0,0.03);--shadow-2xl:0 25px 50px -12px rgba(12,30,58,0.18);--shadow-inner:inset 0 2px 4px rgba(12,30,58,0.05);--shadow-glow:0 0 20px rgba(21,101,232,0.14);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1);--z-base:1;--z-dropdown:100;--z-sticky:1000;--z-fixed:1100;--z-overlay:1500;--z-modal:2000;--z-toast:3000;--container-max:1280px;--container-wide:1400px;--container-padding:24px;--section-padding-y:88px;--header-height:68px;--aspect-video:16/9;--aspect-card:4/3;--aspect-square:1/1;}body{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;padding-top:var(--header-height,68px);font-feature-settings:'cv02','cv03','cv04','cv11';background:#FAFBFC;}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary);letter-spacing:var(--letter-spacing-tight);}h1{font-size:var(--font-size-4xl);}h2{font-size:var(--font-size-3xl);}h3{font-size:var(--font-size-2xl);}h4{font-size:var(--font-size-xl);}h5{font-size:var(--font-size-lg);}h6{font-size:var(--font-size-base);}p{color:var(--text-secondary);margin-bottom:var(--spacing-4);}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast);}a:hover{color:var(--accent-hover);}#header-container{min-height:var(--header-height,68px);max-height:var(--header-height,68px);overflow:visible;}strong,b{font-weight:var(--font-weight-semibold);}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:12px 24px;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1;cursor:pointer;border:2px solid transparent;border-radius:var(--radius-lg);transition:all var(--transition-base);white-space:nowrap;text-decoration:none;min-height:48px;font-family:var(--font-sans);}.btn-primary{background-color:var(--accent);color:var(--text-inverse);border-color:var(--accent);}.btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);color:var(--text-inverse);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow);}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm);}.btn-secondary{background-color:transparent;color:var(--accent);border-color:var(--accent);}.btn-secondary:hover{background-color:var(--accent-glow);color:var(--accent);transform:translateY(-2px);}.btn-cta{background-color:var(--cta-secondary);color:var(--text-inverse);border-color:var(--cta-secondary);font-weight:var(--font-weight-bold);}.btn-cta:hover{background-color:var(--cta-secondary-hover);border-color:var(--cta-secondary-hover);color:var(--text-inverse);transform:translateY(-2px);box-shadow:var(--shadow-lg);}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent;}.btn-ghost:hover{color:var(--accent);background-color:var(--accent-glow);}.btn-sm{padding:8px 16px;font-size:var(--font-size-sm);min-height:36px;border-radius:var(--radius-md);}.btn-lg{padding:16px 32px;font-size:var(--font-size-lg);min-height:56px;}:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px;}.btn:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px;box-shadow:var(--shadow-glow);}::selection{background-color:var(--accent-glow);color:var(--text-primary);}@media (max-width:768px){:root{--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:28px;--font-size-5xl:32px;--font-size-6xl:36px;--section-padding-y:56px;--container-padding:16px;}}.page-loader{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);transition:opacity 0.3s ease,visibility 0.3s ease;}.page-loader.hidden{opacity:0;visibility:hidden;}.loader-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);}.loader-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:page-loader-spin 0.8s linear infinite;}.loader-text{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);}@keyframes page-loader-spin{to{transform:rotate(360deg);}}@media print{body{color:#000;background:#fff;}a{color:#000;text-decoration:underline;}}}.footer-content{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-xl,2rem);padding:var(--spacing-2xl,3rem) 0;}@media (max-width:1024px){.footer-content{grid-template-columns:repeat(3,1fr);gap:1.5rem;}}@media (max-width:768px){.footer-content{grid-template-columns:repeat(2,1fr);gap:1.5rem;}}@media (max-width:480px){.footer-content{grid-template-columns:1fr;}}.header{z-index:9998 !important;}@layer overrides{@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}}@media print{.header,.footer,.floating-buttons-container,.carousel-arrow,.carousel-nav,.sidebar,.view-toggle,.smart-filter-bar,.mobile-toggle-btn{display:none !important;}}}