body { font-family: 'Microsoft YaHei', 'Source Han Sans', 'Noto Sans SC', sans-serif, "Inter", "Segoe UI", "Arial", sans-serif; }

      .nav-link {
        color: #333333;
        transition: color 200ms cubic-bezier(.2,.8,.2,1);
      }
      .nav-link:hover { color: #002FA7; }
      .nav-link.active { color: #002FA7; font-weight: 600; }
      .nav-active { color: #002FA7; font-weight: 600; }
      .dropdown-menu {
        opacity: 0;
        visibility: hidden;
        transform: translate(0, -8px);
        transition: opacity 200ms ease, visibility 200ms ease, transform 200ms ease;
        z-index: 60;
        box-shadow: 0 8px 16px rgba(0,0,0,0.10);
      }
      .nav-dropdown:hover .dropdown-menu,
      .nav-dropdown.dropdown-open .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translate(0, 0);
      }
      .nav-link:focus-visible { outline: 2px solid #002FA7; outline-offset: 2px; }

      .breadcrumb-link {
        color: #7F7F7F;
        transition: color 200ms cubic-bezier(.2,.8,.2,1);
      }
      .breadcrumb-link:hover { color: #002FA7; }

      .btn-primary {
        background: #002FA7;
        color: #FFFFFF;
        border-radius: 8px;
        transition: background 200ms cubic-bezier(.2,.8,.2,1), transform 200ms cubic-bezier(.2,.8,.2,1);
      }
      .btn-primary:hover { background: #00268A; }
      .btn-primary:active { transform: translateY(1px); }
      .btn-primary:focus-visible { outline: 2px solid #002FA7; outline-offset: 2px; }

      .btn-yellow {
        background: #FFFF00;
        color: #06152E;
        border-radius: 8px;
        transition: background 200ms cubic-bezier(.2,.8,.2,1), transform 200ms cubic-bezier(.2,.8,.2,1);
      }
      .btn-yellow:hover { background: #FFDE00; }
      .btn-yellow:active { transform: translateY(1px); }
      .btn-yellow:focus-visible { outline: 2px solid #FFFF00; outline-offset: 2px; }

      .sol-card {
        background: #FFFFFF;
        border: 1px solid #E5E5E5;
        border-radius: 8px;
        transition: border-color 200ms cubic-bezier(.2,.8,.2,1), transform 200ms cubic-bezier(.2,.8,.2,1);
      }
      .sol-card:hover { border-color: #00E5FF; transform: translateY(-2px); }
      .sol-card:focus-visible { outline: 2px solid #002FA7; outline-offset: 2px; }

      .sol-cta-arrow { transition: transform 200ms cubic-bezier(.2,.8,.2,1); }
      .sol-card:hover .sol-cta-arrow { transform: translateX(4px); }

      .page-btn:hover:not([data-active="true"]) { border-color: #002FA7; color: #002FA7; }
      .page-prev:not(:disabled):hover, .page-next:not(:disabled):hover { border-color: #002FA7; color: #002FA7; }

      .sol-illustration-safety { background: linear-gradient(135deg, #FF0000, #B71C1C); }
      .sol-illustration-energy { background: linear-gradient(135deg, #00E5FF, #006064); }
      .sol-illustration-vpp { background: linear-gradient(135deg, #002FA7, #001C6E); }
      .sol-illustration-carbon { background: linear-gradient(135deg, #00E676, #1B5E20); }
      .sol-illustration-plc { background: linear-gradient(135deg, #8600FF, #4A148C); }
      .sol-illustration-ev { background: linear-gradient(135deg, #FF0000, #8E0000); }
      .sol-illustration-hazard { background: linear-gradient(135deg, #FF6D00, #BF360C); }
      .sol-illustration-ground { background: linear-gradient(135deg, #002FA7, #06152E); }
      .sol-illustration-lightning { background: linear-gradient(135deg, #3363D6, #06152E); }
      .sol-illustration-power { background: linear-gradient(135deg, #00E5FF, #002FA7); }
      .sol-illustration-busbms { background: linear-gradient(135deg, #00BFA5, #004D40); }
      .sol-illustration-park { background: linear-gradient(135deg, #3363D6, #001C6E); }
      .sol-illustration-hospital { background: linear-gradient(135deg, #FF0000, #8E0000); }

      .footer-link {
        color: rgba(255,255,255,0.6);
        transition: color 200ms cubic-bezier(.2,.8,.2,1);
      }
      .footer-link:hover { color: #FFFFFF; }

      @media (prefers-reduced-motion: reduce) {
        *, *::before, *::after {
          transition-duration: 0.01ms !important;
          animation-duration: 0.01ms !important;
        }
      }
          .footer-title { font-size: 15px; font-weight: 600; color: rgba(255,255,255,0.95); }
      .footer-link { font-size: 14px; color: rgba(255,255,255,0.6); transition: color 200ms ease; }
      .footer-link:hover { color: #00E5FF; }
      .footer-text { font-size: 14px; color: rgba(255,255,255,0.6); }