body { font-family: var(--font-zh), var(--font-en); }

      .nav-link { color: #333333; transition: color 200ms ease; }
      .nav-link:hover { color: #002FA7; }
      .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);
      }

      .breadcrumb-link:hover { color: #002FA7; }
      .footer-link:hover { color: #FFFFFF; }

      .btn-primary { transition: opacity 200ms ease, transform 200ms ease; }
      .btn-primary:hover { opacity: 0.9; }
      .btn-primary:active { transform: translateY(1px); }
      .btn-primary:focus-visible { outline: 2px solid #002FA7; outline-offset: 2px; }

      .btn-secondary { transition: background 200ms ease, transform 200ms ease; }
      .btn-secondary:hover { background: #E5EBFA; }
      .btn-secondary:active { transform: translateY(1px); }
      .btn-secondary:focus-visible { outline: 2px solid #002FA7; outline-offset: 2px; }

      .cta-primary .cta-icon { transition: transform 200ms ease; }
      .cta-primary:hover .cta-icon { transform: translateX(3px); }

      .feature-card { transition: border-color 200ms ease, transform 200ms ease; }
      .feature-card:hover { border-color: #00E5FF; transform: translateY(-2px); }

      .carousel-slide { opacity: 0; transition: opacity 500ms ease; pointer-events: none; }
      .carousel-slide.active { opacity: 1; pointer-events: auto; }
      .carousel-dot { width: 8px; height: 8px; border-radius: 50%; padding: 0; background: #B2B2B2; transition: background 200ms ease; cursor: pointer; }
      .carousel-dot.active { background: #002FA7; }
      .carousel-prev, .carousel-next { transition: opacity 200ms ease; }
      .carousel-prev:hover, .carousel-next:hover { opacity: 0.8; }
      .carousel-prev:focus-visible, .carousel-next:focus-visible, .carousel-dot:focus-visible { outline: 2px solid #002FA7; outline-offset: 2px; }

      .model-box {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        font-family: 'DIN', 'Inter', 'Roboto Mono', monospace;
        font-size: 20px;
        font-weight: 700;
        color: #FFFFFF;
        background: #002FA7;
        border-radius: 8px;
      }

      @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); }
      .carousel-slide img { cursor: zoom-in; }
      #img-lightbox { cursor: zoom-out; }
      #lb-img { cursor: default; }
      #lb-prev, #lb-next, #lb-close { backdrop-filter: blur(4px); }

/* fexlink-mobile-table-fix */
@media (max-width: 768px){
  [class*="min-w-"]{min-width:0 !important;}
  [style*="min-width"]{min-width:0 !important;}
  table{min-width:0 !important;width:100% !important;}
  .info-card{overflow-wrap:anywhere !important;word-break:break-word !important;}
  .info-card p,.info-card span,.info-card li{overflow-wrap:anywhere !important;}
}
/* fexlink-mobile-table-scroll */
@media (max-width: 768px){
  table{display:block !important;overflow-x:auto !important;max-width:100% !important;-webkit-overflow-scrolling:touch;}
  table thead,table tbody,table tr{width:max-content;min-width:100%;}
  section,div,main{max-width:100% !important;}
}
/* fexlink-mobile-carousel-fix */
@media (max-width: 768px){
  html,body{overflow-x:hidden !important;max-width:100% !important;}
  [class*="carousel"]{overflow:hidden !important;max-width:100% !important;}
  .carousel-slide{flex:0 0 100% !important;max-width:100% !important;}
  [class*="overflow-visible"]{overflow:hidden !important;}
}