.site-nav.site-nav,.page-header nav.site-nav{position:fixed;z-index:1200;top:62px;right:82px;left:auto;display:flex;align-items:center;gap:18px;margin:0;padding:0;height:44px;pointer-events:auto;isolation:isolate}
:root{--font-ui:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;--muted:#6b6253}
body{font-family:var(--font-ui)}
button,input,select,textarea{font-family:var(--font-ui)}
.topnav a{font-family:var(--font-ui)}
.site-nav.site-nav button{position:relative;margin:0;padding:13px 0 17px;min-height:44px;border:0;border-radius:0;background:none;color:rgba(29,28,26,.68);font:500 13px/14px var(--font-ui);letter-spacing:.015em;cursor:pointer;outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent}
.site-nav.site-nav button::after{content:"";position:absolute;bottom:7px;left:0;right:0;height:1px;background:#6f6a5e;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.65,.25,1)}
.site-nav.site-nav button::before{content:attr(data-index);position:absolute;top:1px;right:0;font:7px ui-monospace,monospace;letter-spacing:.06em;opacity:0;color:#a29b8a;transition:opacity .25s}
.site-nav.site-nav button:hover,.site-nav.site-nav button[aria-current=page]{color:#171614}.site-nav.site-nav button:hover::before{opacity:.7}.site-nav.site-nav button:hover::after,.site-nav.site-nav button[aria-current=page]::after,.site-nav.site-nav button:focus-visible::after{transform:scaleX(1)}.site-nav.site-nav button:focus-visible::after{height:2px}.site-nav.site-nav button[aria-current=page]::after{background:#6f6a5e}
@media(max-width:650px){.site-nav.site-nav,.page-header nav.site-nav{top:40px;right:30px;gap:12px}.site-nav.site-nav button{font-size:12.5px}}
@media(prefers-reduced-motion:reduce){.site-nav.site-nav button::after,.site-nav.site-nav button::before{transition:none}}
@media(min-width:1001px){.site-nav.site-nav .page-close,.site-nav.site-nav .page-close[hidden]{display:none!important}.site-nav.site-nav button[aria-current=page]::after{background:#6f6a5e}}
/* v3: stable navigation with a return route on every inner page. */
.site-nav.site-nav{z-index:2147483000!important;visibility:visible!important;opacity:1!important}
.site-nav .page-close{margin-left:10px;padding-left:16px;border-left:1px solid #b6ae9d66;font-size:11px;color:#8b7d65}
.site-nav .page-close[hidden]{display:none!important}
@media(max-width:650px){.site-nav.site-nav,.page-header nav.site-nav{right:20px;gap:11px;top:42px}.site-nav.site-nav button{font-size:11px}.site-nav .page-close{margin-left:0;padding-left:10px;font-size:10px}}

/* Authorized stable navigation and close icon. */
.site-nav.site-nav .page-close[hidden]{display:block!important;visibility:hidden!important;pointer-events:none}.site-nav .page-close{width:65px;flex:none;white-space:nowrap;display:flex;align-items:center;gap:5px}.page-close svg{flex:none;vertical-align:middle}
@media(max-width:650px){.site-nav .page-close{width:57px}}
/* Expand mobile hit areas without moving the approved navigation labels. */
@media(max-width:650px){.site-nav.site-nav button:not(.page-close){padding-left:7px;padding-right:7px;margin-left:-7px;margin-right:-7px}.site-nav.site-nav{gap:14px}.site-nav.site-nav button:not(.page-close)::after{left:7px;right:7px}}
/* CLOSE is an exit action, separated from the page tabs. */
.site-nav.site-nav .page-close{margin-left:14px;min-width:44px;min-height:44px}
.site-nav.site-nav .page-close::before,.site-nav.site-nav .page-close::after{display:none}
.site-nav.site-nav .page-close:focus-visible{outline:1px solid currentColor;outline-offset:3px}
@media(max-width:650px){.site-nav.site-nav .page-close{margin-left:33px}}

/* Shared header: one recognizable home target and right-aligned page navigation. */
body>.mark{pointer-events:auto;display:inline-flex;align-items:center;min-width:44px;min-height:44px;text-decoration:none;cursor:pointer}
body>.mark:focus-visible,.page-header .brand:focus-visible{outline:2px solid #897551;outline-offset:5px}
@media(max-width:1000px){
 body>.mark{left:max(28px,env(safe-area-inset-left));top:28px;font-size:16px}
 .page-header,body[data-mode=rent] .page-header{left:0;right:0;top:0;padding:28px;height:108px}
 .page-header .brand{display:inline-flex;align-items:center;min-height:44px;font-size:16px}
 .page-header .brand::after,.page-header .brand span{display:none}
 .site-nav.site-nav,.page-header nav.site-nav{top:76px;right:max(28px,env(safe-area-inset-right));left:auto;gap:14px;height:44px}
 .site-nav.site-nav button:not(.page-close){font-size:11px;min-width:44px}
 .site-nav.site-nav .page-close,.site-nav.site-nav .page-close[hidden]{display:none!important}
 .embedded .page-header nav.site-nav{display:none!important}
 .embedded .page-header .brand{visibility:hidden;pointer-events:none}
}
@media(max-width:360px){body>.mark{left:24px}.page-header,body[data-mode=rent] .page-header{padding-left:24px}.site-nav.site-nav,.page-header nav.site-nav{right:24px;gap:10px}}
@media(min-width:1001px){
 .site-nav.site-nav .page-close,.site-nav.site-nav .page-close[hidden]{display:none!important}
}
