/* 玥河診所 — 全站共用樣式
   任何頁面的導覽列／頁尾／基礎排版有異動，只需要改這一個檔案，
   不必再逐頁修改每個 <style> 區塊。 */

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: "Noto Sans TC", system-ui, sans-serif; color: #1f2937; background: #ffffff; -webkit-font-smoothing: antialiased; }
a { color: #6E552F; text-decoration: none; }
a:hover { color: #6E552F; }

@keyframes yuheFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes yuheGlow { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }

/* 頂部導覽列 hover 狀態 */
.nvh1:hover{background: #F2F3E3; color: #6E552F; !important}
.nvh2:hover{background: #F2F3E3; color: #6E552F; !important}
.nvh3:hover{background: #F2F3E3; color: #6E552F; !important}
.nvh4:hover{background: #F2F3E3; color: #6E552F; !important}
.nvh5:hover{background: #F2F3E3; color: #6E552F; !important}
.nvh6:hover{background: #F2F3E3; color: #6E552F; !important}
.nvh7:hover{background: #4A593D; color: #ffffff; !important}

/* 導覽列下拉選單（專科醫療／特色醫療） */
.nvdrop{position:relative;display:inline-flex;}
.nvdrop .nvpanel{display:none;position:absolute;top:100%;left:0;min-width:190px;background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 18px 40px -20px rgba(17,24,39,.18);padding:8px;flex-direction:column;gap:2px;z-index:60;}
.nvdrop:hover .nvpanel{display:flex;}
.nvpanel a{padding:9px 12px;font-size:14px;color:#374151;border-radius:8px;white-space:nowrap;}
.nvpanel a:hover{background:#F2F3E3;color:#6E552F;}

/* 導覽列巢狀子選單（第二層，向右展開） */
.nvsub{position:relative;}
.nvsub .nvsubpanel{display:none;position:absolute;top:-8px;left:100%;margin-left:4px;min-width:180px;background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 18px 40px -20px rgba(17,24,39,.18);padding:8px;flex-direction:column;gap:2px;z-index:70;}
.nvsub:hover .nvsubpanel{display:flex;}
.nvsub:hover > a{background:#F2F3E3;color:#6E552F;}
.nvsubpanel a{padding:9px 12px;font-size:14px;color:#374151;border-radius:8px;white-space:nowrap;}
.nvsubpanel a:hover{background:#F2F3E3;color:#6E552F;}

/* 頁尾連結 hover 狀態 */
.fth1:hover{color: #B5CAA0; !important}
.fth2:hover{color: #B5CAA0; !important}
.fth3:hover{color: #B5CAA0; !important}
.fth4:hover{color: #B5CAA0; !important}
.fth5:hover{color: #B5CAA0; !important}
.fth6:hover{color: #B5CAA0; !important}
.fth7:hover{color: #B5CAA0; !important}
.fth8:hover{color: #B5CAA0; !important}

/* 左右浮動按鍵 */
.float-rail{position:fixed;bottom:28px;z-index:85;display:flex;flex-direction:column;gap:10px;}
.float-rail-left{left:0;}
.float-rail-right{right:0;}
.float-btn{display:flex;align-items:center;gap:9px;background:#6E552F;color:#ffffff;padding:13px 18px 13px 13px;border-radius:0 999px 999px 0;text-decoration:none;box-shadow:0 10px 24px -10px rgba(17,24,39,.4);white-space:nowrap;transition:background .2s ease;}
.float-btn:hover{background:#5a4526;}
.float-btn .float-icon{width:22px;height:22px;flex-shrink:0;display:flex;}
.float-btn .float-icon svg{width:100%;height:100%;}
.float-btn .float-label{font-size:14px;font-weight:500;}
.float-icon-btn{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:#6E552F;color:#ffffff;border-radius:999px 0 0 999px;text-decoration:none;box-shadow:0 10px 24px -10px rgba(17,24,39,.4);transition:background .2s ease;}
.float-icon-btn:hover{background:#5a4526;}
.float-icon-btn svg{width:21px;height:21px;}
@media (max-width: 720px){
  .float-btn .float-label{display:none;}
  .float-btn{padding:12px;border-radius:999px;}
  .float-icon-btn{width:40px;height:40px;border-radius:999px;}
  .float-icon-btn svg{width:18px;height:18px;}
  .float-rail-left{left:8px;}
  .float-rail-right{right:8px;}
  .float-rail{gap:8px;}
}