<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 薤�絮騌���筝�茹�絽�絮� */
:root {
  --header-height: 70px; /* �医�������狗�綺� */
}
header {
  background: linear-gradient(
      135deg,
      rgba(0, 35, 102, 0.9) 0%,
      rgba(0, 82, 155, 0.9) 100%
    ),
    url("/img/bgphoto.webp")
      no-repeat center/cover;
  color: white;
  position:fixed;
  /* �医��渇���桁� */
  min-height: 0; /* ��臀���絨駜�綺� */
  display: flex;
  flex-direction: column;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--header-height);
}
/* 羯����倶兄���翫襲 */
.header-scrolled {
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}
body, header {
  margin: 0;
  padding: 0;
}
/* ��絎劫�阪��羞糸��蕁狗����莨壕� */
main {
  padding-top: var(--header-height);
}
.nav-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 5%; /* �鎞���莨壕� */
  background-color: #1a56a8;;
  width: 100%;
  box-sizing: border-box; /* 隋����莨壕�筝�綵怨���糸�綺� */
  min-height: 70px;
}

  
  .logo {
    display: flex;
    align-items: center;
  }
  
  .logo img {
    height: 40px;
    margin-right: 10px;
  }
  
  .badge {
    background: var(--accent);
    color: var(--primary);
    padding: 3px 8px;
    font-size: 12px;
    border-radius: 4px;
    font-weight: bold;
  }
  
  nav ul {
    display: flex;
    list-style: none;
  }
  
  nav ul li {
    margin-left: 30px;
  }
  
  nav ul li a {
    color: white;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s;
  }
  
  nav ul li a:hover {
    color: var(--accent);
  }
  
  .cta-button {
    background: var(--secondary);
    color: white;
    padding: 10px 25px;
    border-radius: 30px;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(255, 111, 97, 0.4);
    animation: pulse 2s infinite;
  }
  
  .logo-text {
    margin-left: 10px;
  }
  
  .logo-main {
    background: linear-gradient(#FFF, #A8D8FF);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    position: relative;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.5px;
  }
  
  .logo-main:before {
    content: "";
    background: radial-gradient(rgba(168, 216, 255, 0.3), transparent);
  }
  
  .logo-slogan {
    color: #666;
    font-size: 13px;
    margin-top: 3px;
    font-weight: 500;
  }
  /* 篆���3鐚��医�篋�膾ц���膊㊤ご���� */
.dropdown-arrow {
  margin-left: 5px;
  font-size: 12px;
  transition: transform 0.3s;
}/* 篆��劫������桁� */
.has-submenu {
  position: relative;
}

.has-submenu .submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--primary);
  min-width: 200px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  z-index: 100;
  padding: 10px 0;
}

.has-submenu.active .submenu {
  display: block;
}

/* 絖�����蕁号�桁� */
.submenu li {
  margin: 0;
  padding: 0;
}

.submenu a {
  /* color: #333 !important; */
  display: block;
  padding: 8px 20px;
}

.submenu a:hover {
  background: #f5f5f5;
  color: var(--primary) !important;
}
  /* 腱糸�����綺�綣� */
  @media (max-width: 768px) {
    .has-submenu .submenu {
      position: static;
      box-shadow: none;
      background: rgba(0,0,0,0.1);
    }
    
    .submenu a {
      color: #eee !important;
      padding-left: 30px;
    }
    /* ���镾��√��� */
    nav ul {
      display: none;
    }
  
    /* �丞ず腱糸��������� */
    .mobile-menu-btn {
      display: block;
      background: none;
      border: none;
      color: white;
      cursor: pointer;
      margin-left: 15px;
      padding: 2px 8px; /* �鎞�������莨壕� */
      font-size: 1.3rem;
    }
  
    header {
      height: auto;
      min-height: 0;
      padding-bottom: 0; /* 腱脂�ゅ�����莨壕� */
    }
    
    .nav-container {
      height: 70px;
      padding: 10px 5%; /* 菴�筝�罩ュ�鎞���莨壕� */
      position: relative; /* 隋��膸�絲劫�篏���絖���膣�����罩ｇ｀ */
    }
    

  }






/* 腱糸������� */
@media (max-width: 768px) {
  
  /* 腱糸�����羶�羇紫�倶�� */
  .mobile-nav-active nav ul {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0;
    right: 0;
    background: rgba(0, 35, 102, 0.95);
    z-index: 1000;
    top: 70px; /* 筝�����駜�綺���� */
    padding: 10px 0;
  }
   
  
  .mobile-nav-active nav ul li a {
    display: block;
    padding: 15px 20px;
  }
  
  /* 絖�������Щ������桁� */
  .mobile-nav-active .has-submenu .submenu {
    display: none;
    position: static;
    background: rgba(0, 0, 0, 0.2);
    box-shadow: none;
  }
  
  .mobile-nav-active .has-submenu.active .submenu {
    display: block;
  }
  
  .mobile-nav-active .submenu li {
    padding-left: 30px;
  }
  /* 罅��∝��桁� - 篆�������筝����丈�� */
  @media (min-width: 768px){}
.has-submenu .desktop-arrow {
  display: inline-block;
  margin-left: 5px;
  font-size: 12px;
  transition: transform 0.3s;
}

.has-submenu:hover .desktop-arrow {
  transform: rotate(180deg);
}
}
@media (max-width: 768px) {
  /* ���镾��∝���Font Awesome�丈�� */
  .has-submenu .desktop-arrow {
    display: none;
  }
  /* �銀��井���桁�篆���筝���... */
  
  /* 篆�③�������∴�����絲拷���� */
  .mobile-nav-active nav ul li.has-submenu &gt; span {
    display: block;
    padding: 15px 20px;
    color: white;
    cursor: pointer;
    position: relative;
  }
  
  .mobile-nav-active nav ul li.has-submenu &gt; span:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 14px;
    transition: transform 0.3s;
  }
  
  .mobile-nav-active nav ul li.has-submenu.active &gt; span:after {
    transform: rotate(180deg);
  }
  
  /* 隋����������蕁劫�藹� */
  .mobile-nav-active nav ul li {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  
  .mobile-nav-active nav ul li a,
  .mobile-nav-active nav ul li.has-submenu &gt; span {
    text-align: left;
    padding-left: 20px !important;
  }
  
  /* 絖�����蕁劫���膽�� */
  .mobile-nav-active .submenu li a {
    padding-left: 40px !important;
  }
}/* 腱糸�����羶�羇紙�句�罩∫ゝ�∽��� */
.mobile-nav-active {
  overflow: hidden;
  height: 100vh;
}

/* 莅������訓����� */
@media (max-width: 768px) {
  .mobile-nav-active nav ul {
    overflow-y: auto;
    max-height: calc(100vh - 70px);
  }
}


/* --- Language Switcher Styles --- */
.language-switcher {
    position: relative;
    margin-left: 20px; /* 筝�������篆���筝�篋��頑� */
    align-self: center; /* ���翫�筝� */
}

.language-switcher .lang-current {
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 8px 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: white; /* �号�����臀�腴�筝肢�画�莪��� */
}

.language-switcher .lang-current i {
    margin-right: 8px;
}

.language-switcher .lang-dropdown {
    display: none; /* 藥�莅ら���� */
    position: absolute;
    top: 100%;
    right: 0;
    background-color: rgba(0, 35, 102, 0.5);
    border: 1px solid white;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    list-style: none;
    padding: 5px 0;
    margin: 5px 0 0 0;
    min-width: 120px;
    z-index: 1000;
    border-radius: 5px;
}

/* 綵����√��←�劫�紙�駈��丞ず筝������� */
.language-switcher.active .lang-dropdown {
    display: block;
}

.language-switcher .lang-dropdown li a {
    display: block;
    padding: 10px 15px;
    color: white;
    text-decoration: none;
    font-size: 14px;
}

.language-switcher .lang-dropdown li a:hover {
    background-color:  rgba(0, 35, 102) ;
}

/* --- Mobile Nav &amp; Submenu Active State Styles --- */

/* 綵�腱糸�������羶�羇紙�駈�絨�絲取��ｨ�ヨ��� */
@media (max-width: 992px) {
    body.mobile-nav-active #mainNav {
        /* �号�����腱糸������桁�莪��� */
        transform: translateX(0);
    }
    
    /* ��Щ���鐚�絨�莚㊧����√��Щ���域������� */
    .mobile-nav-active #mainNav {
        /* 篏����初��荀��� JS �� language-switcher 腱糸���� #mainNav ��鐚�
           ����筝阪�莅乗�筝�筝��阪�����������桁���
           膊���莎決�鐚�菴�����篁�Ǔ｀篆�絎���Щ�������� */
    }
     .language-switcher {
        margin-left: auto; /* 絨��倶ｨ�医劽唱 */
        margin-right: 10px;
    }
}

/* 篋�膾ц���羶�羇紫�倶�� */
.has-submenu.active &gt; .submenu {
    display: block;
    opacity: 1;
    visibility: visible;
}
/* 膊㊤ご��莉����� */
.has-submenu.active &gt; span .desktop-arrow {
    transform: rotate(180deg);
}

/* 隋�� a ��膈上���� logo 罩ｅ幻�丞ず */
.logo a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
}
</pre></body></html>