/* 裝置選單優化：保留四個入口與原有操作 */
.nav-btn{position:relative;min-height:48px;gap:12px;line-height:1.5;touch-action:manipulation}
.nav-btn span{overflow-wrap:normal;word-break:keep-all}.nav-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.nav-btn[aria-current="page"]{font-weight:750}
.fs button{min-width:44px;min-height:44px}.sos{min-height:44px}.tools{gap:8px}
@media(min-width:1101px){.app{grid-template-columns:232px minmax(0,1fr)}.rail{padding:24px 16px;gap:8px}.rail .nav-btn{padding:14px 16px;min-height:54px;font-size:15px}.rail .nav-btn .ic{width:23px;height:23px}.rail .nav-btn[aria-current="page"]{box-shadow:inset 3px 0 0 var(--accent)}.brand{padding-inline:4px;gap:10px}.brand b{font-size:16px}.topbar{padding:16px 28px}}
@media(min-width:761px) and (max-width:1100px){.app{grid-template-columns:112px minmax(0,1fr)}.rail{padding:22px 10px;gap:10px}.rail .nav-btn{min-height:76px;padding:12px 5px;gap:7px;border-radius:15px}.rail .nav-btn span{font-size:13px;line-height:1.5;white-space:nowrap}.rail .nav-btn .ic{width:26px;height:26px}.rail .nav-btn[aria-current="page"]{box-shadow:inset 3px 0 0 var(--accent)}.brand{padding:0 0 18px}.topbar{padding:14px 18px;flex-wrap:wrap}.topbar h1{font-size:20px}.topbar .live{display:none}}
@media(max-width:760px){.app{grid-template-columns:minmax(0,1fr)}.tabbar{padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;gap:4px}.tabbar .nav-btn{min-width:0;min-height:60px;padding:8px 2px;gap:5px;font-size:12px;line-height:1.4;border-radius:13px}.tabbar .nav-btn span{white-space:nowrap;font-size:12px}.tabbar .nav-btn .ic{width:24px;height:24px}.tabbar .nav-btn[aria-current="page"]{box-shadow:inset 0 3px 0 var(--accent);background:var(--accent-soft)}.topbar{padding:10px 12px;gap:8px;flex-wrap:wrap}.topbar h1{font-size:18px;line-height:1.4}.tools{gap:6px}.fs button{min-width:44px;padding-inline:4px}.sos{padding:0 10px;gap:5px}.view{padding-bottom:30px}}
@media(max-width:359px){.topbar>div:first-child{flex:1 0 100%}.topbar .tools{width:100%;justify-content:flex-end}.topbar{row-gap:6px}.tabbar{gap:2px;padding-inline:5px}.tabbar .nav-btn span{font-size:11.5px}}
@media(max-height:500px) and (max-width:760px){.tabbar .nav-btn{min-height:48px;flex-direction:row;gap:6px}.tabbar{padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom,0px))}.topbar{padding-block:6px}.topbar>div:first-child{flex:0 1 auto}.topbar .tools{width:auto}.topbar{flex-wrap:nowrap}.topbar h1{font-size:16px}}
@media(prefers-reduced-motion:reduce){.nav-btn{transition:none}}