@layer theme-custom {
/* ============ 全站：鎖住橫向溢出（視窗層級）============ */
html{overflow-x:clip;}
body{overflow-x:clip;}

/* ============ 三個主項（.naviMain 裡「有下拉的」li.dropdown）============ */
nav.navbar .naviMain ul > li.dropdown > a{
  position:relative;
  transition:color .35s, text-shadow .35s;
  animation:navBreath 3s ease-in-out infinite;
}
nav.navbar .naviMain ul > li.dropdown > a:hover{
  color:#fbe4b0 !important;
  text-shadow:0 0 13px rgba(235,195,128,1),0 0 26px rgba(235,195,128,.75);
  animation:none;
}
@keyframes navBreath{
  0%,100%{text-shadow:0 0 3px rgba(235,195,128,.35);}
  50%{color:#fbe4b0;text-shadow:0 0 15px rgba(235,195,128,1),0 0 30px rgba(235,195,128,.7);}
}
nav.navbar .naviMain ul > li.dropdown > a::after{
  content:"";position:absolute;left:6%;right:6%;bottom:-4px;height:2px;border-radius:2px;
  background:#ebc380;pointer-events:none;
  animation:navLine 3s ease-in-out infinite;
}
@keyframes navLine{
  0%,100%{opacity:.45;box-shadow:0 0 3px rgba(235,195,128,.4);}
  50%{opacity:1;box-shadow:0 0 12px rgba(235,195,128,1),0 0 20px rgba(235,195,128,.6);}
}
nav.navbar .naviMain ul ul a{animation:none !important;text-shadow:none !important;color:inherit !important;}
nav.navbar .naviMain ul ul a::after{content:none !important;}

/* ============ 桌機 Logo ============ */
nav.navbar .navbar-brand{
  position:relative;
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 26px;border-radius:14px;
  background:radial-gradient(130% 150% at 50% 30%,#223019 0%,#121b0c 100%);
  border:1.5px solid #ebc380;
  box-shadow:0 0 18px 2px rgba(235,195,128,.5),0 0 46px 9px rgba(235,195,128,.22);
  transition:box-shadow .45s, border-color .45s, transform .3s;
}
nav.navbar .navbar-brand:hover{
  transform:translateY(-1px);border-color:#f4d79a;
  box-shadow:0 0 28px 4px rgba(235,195,128,.75),0 0 68px 14px rgba(235,195,128,.35);
}
nav.navbar .navbar-brand img{display:none !important;}
nav.navbar .navbar-brand::after{
  content:"";display:block;height:56px;width:147px;
  background:url('https://clairehsiao.com/images/clairehsiao.com/upload_file/33cc1339-3b67-45a7-9099-a730d74b8a1f.png') center center/contain no-repeat;
  animation:none;
}

/* ============ 手機頁首帶：允許漸層露出下緣 + 柔和漸層 ============ */
.mobile-menu{overflow:visible !important;}
.mobile-menu::after{
  content:"";position:absolute;left:0;right:0;bottom:-16px;height:16px;
  background:linear-gradient(to bottom,#000 0%,rgba(0,0,0,0) 100%);
  pointer-events:none;
}

/* ============ 手機 Logo（已確認 OK 的版本，不動）============ */
.mobile-menu .mobile-logo{
  height:auto !important;max-height:none !important;overflow:visible !important;
}
.mobile-menu .mobile-logo .logo-text{display:none !important;}
.mobile-menu .mobile-logo .logo-img{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  width:auto !important;
  height:46px !important;max-height:46px !important;min-height:46px !important;
  padding:0 12px !important;margin:2px 0 !important;box-sizing:border-box !important;
  vertical-align:middle;
  border-radius:10px !important;border:1.4px solid #ebc380 !important;
  background:radial-gradient(130% 150% at 50% 30%,#223019 0%,#121b0c 100%) !important;
  box-shadow:0 0 12px 1px rgba(235,195,128,.45),0 0 30px 5px rgba(235,195,128,.2) !important;
  line-height:0 !important;
}
.mobile-menu .mobile-logo .logo-img img{
  display:block !important;
  height:32px !important;width:auto !important;max-width:none !important;max-height:none !important;margin:0 !important;
  content:url('https://clairehsiao.com/images/clairehsiao.com/upload_file/33cc1339-3b67-45a7-9099-a730d74b8a1f.png') !important;
}

}