#dtot-bar{position:fixed;left:0;right:0;bottom:0;z-index:80;
 display:flex;align-items:center;gap:18px;flex-wrap:wrap;
 padding:11px 24px;background:rgba(16,18,13,.9);
 -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
 box-shadow:0 -1px 0 rgba(255,255,255,.08);
 font-family:'Cormorant Garamond',serif;font-size:13px;letter-spacing:.2em}
#dtot-bar a{color:#cfcbb8;text-decoration:none;padding:2px 0;
 border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
#dtot-bar a:hover{color:#e6e2d2;border-bottom-color:#8a7f5f}
#dtot-bar a.cur{color:#c9b78e;border-bottom-color:#c9b78e}
#dtot-bar a.home{font-family:'Noto Serif TC',serif;letter-spacing:.28em;color:#e6e2d2}
#dtot-bar .sep{color:#5a5c4e}
#dtot-bar a:focus-visible{outline:2px solid #c9b78e;outline-offset:3px}
body{padding-bottom:52px}
@media(max-width:560px){#dtot-bar{font-size:12px;gap:12px;padding:9px 16px}}

/* img 的 width/height 屬性是表現層提示，會直接當成 CSS height 用。
   這裡強制 height:auto，讓瀏覽器改用屬性推導的 aspect-ratio 計算高度。
   inline style 優先權高於此規則，所以有寫 height:100%/auto 的圖不受影響。 */
img[width][height]{height:auto}