/* ELDA 共用設計 Token 與導覽列樣式
   全站頁面共用此檔，避免各頁 <style> 各自複製導致內容漏改／不同步。
   如需調整品牌色、導覽連結樣式或手機選單行為，只需改這一份檔案。 */

:root{
  --orange:  #ec6900;
  --orange2: #f39733;
  --navy:    #1B2B6B;
  --dark:    #1a1a2e;
  --gray:    #7f7c7c;
  --lgray:   #f5f5f5;
  --border:  #e8e8e8;
  --white:   #ffffff;
}

/* ─── Header / Nav shell ─── */
header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:#fff;
  border-bottom:1px solid var(--border);
  box-shadow:0 2px 20px rgba(0,0,0,0.06);
}
nav{
  max-width:1160px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:0.7rem 1.5rem;
}
.nav-brand{display:flex;align-items:center;gap:0.65rem;}
.nav-brand-text{display:flex;flex-direction:column;line-height:1.1;}
.nav-brand-cn{font-size:1rem;font-weight:800;color:var(--dark);letter-spacing:0.04em;}
.nav-brand-en{font-size:0.62rem;color:var(--orange);letter-spacing:0.1em;font-weight:600;}
.logo-img{width:38px;height:38px;flex-shrink:0;}

/* ─── Simplified header variant (apply-member / update-member) ─── */
.nav-back{
  display:inline-flex;align-items:center;gap:.4rem;
  font-size:.88rem;color:#444;font-weight:500;
  transition:color .2s;
}
.nav-back:hover{color:var(--orange);}

/* ─── Full nav-links variant ─── */
.nav-links{display:flex;align-items:center;gap:1.8rem;list-style:none;}
.nav-links a{color:#444;font-size:.88rem;font-weight:500;transition:color .2s;position:relative;}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;background:var(--orange);transition:width .25s;}
.nav-links a:hover{color:var(--orange);}
.nav-links a:hover::after,.nav-links a.active::after{width:100%;}
.nav-links a.active{color:var(--orange);font-weight:700;}
.nav-news-pip{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:4px;vertical-align:middle;animation:pip 1.5s infinite;}
@keyframes pip{0%,100%{opacity:1}50%{opacity:.25}}
.nav-cta{background:var(--orange);color:#fff!important;font-weight:700;font-size:.85rem;padding:.45rem 1.2rem;border-radius:50px;transition:background .2s,transform .2s!important;}
.nav-cta:hover{background:#d45e00!important;transform:translateY(-1px)!important;}
.nav-cta::after{display:none!important;}
.nav-toggle{display:none;cursor:pointer;background:none;border:none;padding:4px;}
.nav-toggle span{display:block;width:22px;height:2px;background:#333;margin:5px 0;transition:.3s;}

/* ─── Mobile menu (single behavior for all pages) ─── */
@media(max-width:768px){
  .nav-links{display:none;}
  .nav-toggle{display:block;}
  .nav-links.open{
    display:flex;flex-direction:column;
    position:fixed;top:61px;left:0;right:0;
    background:#fff;border-bottom:1px solid var(--border);
    padding:1.5rem;gap:.9rem;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
  }
}