/* Innerexile Unified Bilingual Site Shell v3 */
:root{
  --ix-shell-v3-width:min(calc(100vw - 32px),1380px);
  --ix-shell-v3-bg:#050505;
  --ix-shell-v3-line:rgba(255,255,255,.12);
  --ix-shell-v3-text:#f5f3ef;
  --ix-shell-v3-muted:rgba(255,255,255,.54);
}

html{
  background:#000!important;
}

body.ix-shell-v3-ready{
  min-height:100vh!important;
  padding-top:92px!important;
  overflow-x:hidden!important;
  background:#000!important;
  background-image:none!important;
  color:var(--ix-shell-v3-text);
  -webkit-font-smoothing:antialiased;
}

body.ix-shell-v3-ready::before,
body.ix-shell-v3-ready::after{
  background-image:none!important;
}

.ix-shell-v3-topbar{
  position:fixed!important;
  z-index:2147483000!important;
  top:16px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:var(--ix-shell-v3-width)!important;
  max-width:1380px!important;
  min-height:58px!important;
  height:58px!important;
  margin:0!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  border:1px solid var(--ix-shell-v3-line)!important;
  border-radius:999px!important;
  background:var(--ix-shell-v3-bg)!important;
  background-image:none!important;
  box-shadow:
    0 20px 58px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(22px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(130%)!important;
}

.ix-shell-v3-brand{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  min-width:0!important;
  text-decoration:none!important;
}

.ix-shell-v3-brand img{
  display:block!important;
  width:auto!important;
  height:23px!important;
  max-width:280px!important;
  object-fit:contain!important;
}

.ix-shell-v3-nav{
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:clamp(7px,.72vw,12px)!important;
  min-width:0!important;
}

.ix-shell-v3-nav > a{
  height:58px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 1 auto!important;
  min-width:0!important;
  color:rgba(255,255,255,.66)!important;
  font-family:
    "Noto Sans JP",
    "Noto Sans TC",
    -apple-system,
    BlinkMacSystemFont,
    "SF Pro Text",
    "Helvetica Neue",
    Arial,
    sans-serif!important;
  font-size:clamp(10.5px,.78vw,12px)!important;
  font-weight:460!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  transition:color .18s ease!important;
}

.ix-shell-v3-nav > a:hover,
.ix-shell-v3-nav > a[aria-current="page"]{
  color:#fff!important;
}

.ix-shell-v3-locale{
  font-weight:650!important;
  color:rgba(255,255,255,.92)!important;
}

.ix-shell-v3-auth{
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex:0 1 auto!important;
  min-width:0!important;
}

.ix-shell-v3-auth a,
.ix-shell-v3-auth button{
  min-height:34px!important;
  max-width:160px!important;
  padding:0 11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.035)!important;
  color:rgba(255,255,255,.76)!important;
  font-family:inherit!important;
  font-size:10.5px!important;
  font-weight:620!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  text-decoration:none!important;
  cursor:pointer!important;
}

.ix-shell-v3-auth a:hover,
.ix-shell-v3-auth button:hover{
  color:#fff!important;
  border-color:rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.07)!important;
}

.ix-shell-v3-menu{
  display:none!important;
}

.ix-shell-v3-footer{
  width:var(--ix-shell-v3-width)!important;
  max-width:1380px!important;
  margin:96px auto 34px!important;
  padding:30px 0 4px!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  background:transparent!important;
  color:rgba(255,255,255,.50)!important;
  font-family:
    "Noto Sans JP",
    "Noto Sans TC",
    -apple-system,
    BlinkMacSystemFont,
    "SF Pro Text",
    "Helvetica Neue",
    Arial,
    sans-serif!important;
}

.ix-shell-v3-footer-inner{
  display:grid!important;
  grid-template-columns:minmax(320px,.95fr) minmax(0,1.75fr)!important;
  gap:32px 54px!important;
  align-items:start!important;
}

.ix-shell-v3-company{
  display:grid!important;
  gap:3px!important;
  color:rgba(255,255,255,.78)!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.65!important;
}

.ix-shell-v3-company-sub{
  color:rgba(255,255,255,.50)!important;
  font-size:12px!important;
  font-weight:450!important;
}

.ix-shell-v3-company a{
  color:inherit!important;
  text-decoration:none!important;
}

.ix-shell-v3-footer-nav{
  display:flex!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:12px 20px!important;
}

.ix-shell-v3-footer-nav a{
  color:rgba(255,255,255,.50)!important;
  font-size:12px!important;
  line-height:1.5!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

.ix-shell-v3-company a:hover,
.ix-shell-v3-footer-nav a:hover{
  color:#fff!important;
}

.ix-shell-v3-hidden{
  display:none!important;
}

@media(max-width:1180px) and (min-width:1121px){
  .ix-shell-v3-topbar{
    padding:0 14px!important;
    gap:10px!important;
  }

  .ix-shell-v3-nav{
    gap:5px!important;
  }

  .ix-shell-v3-nav > a,
  .ix-shell-v3-auth a,
  .ix-shell-v3-auth button{
    font-size:9.8px!important;
  }
}

@media(max-width:1120px){
  :root{
    --ix-shell-v3-width:calc(100vw - 24px);
  }

  body.ix-shell-v3-ready{
    padding-top:82px!important;
  }

  .ix-shell-v3-topbar{
    top:10px!important;
    width:calc(100vw - 20px)!important;
    height:60px!important;
    min-height:60px!important;
    padding:0 12px 0 18px!important;
  }

  .ix-shell-v3-brand img{
    height:21px!important;
    max-width:230px!important;
  }

  .ix-shell-v3-menu{
    width:46px!important;
    height:46px!important;
    flex:0 0 46px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.04)!important;
    cursor:pointer!important;
  }

  .ix-shell-v3-menu span{
    width:18px!important;
    height:2px!important;
    border-radius:999px!important;
    background:#fff!important;
  }

  .ix-shell-v3-nav{
    display:none!important;
    position:absolute!important;
    top:70px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:auto!important;
    max-height:calc(100vh - 100px)!important;
    overflow-y:auto!important;
    padding:10px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:22px!important;
    background:rgba(7,7,7,.985)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.54)!important;
  }

  body.ix-shell-v3-menu-open .ix-shell-v3-nav{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }

  .ix-shell-v3-nav > a{
    width:100%!important;
    min-height:48px!important;
    height:auto!important;
    padding:0 14px!important;
    justify-content:space-between!important;
    border:1px solid rgba(255,255,255,.07)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.035)!important;
    font-size:15px!important;
  }

  .ix-shell-v3-auth{
    width:100%!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .ix-shell-v3-auth a,
  .ix-shell-v3-auth button{
    width:100%!important;
    max-width:none!important;
    min-height:48px!important;
    font-size:14px!important;
  }

  .ix-shell-v3-footer-inner{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }

  .ix-shell-v3-footer-nav{
    justify-content:flex-start!important;
  }
}