/* Shared navigation uses explicit geometry on every customer page. */
.site-bottom-nav{box-sizing:border-box;position:fixed;z-index:85;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.97);border-top:1px solid #ecebf2;box-shadow:0 -3px 18px #463b6506;backdrop-filter:blur(16px)}
.site-bottom-nav>a{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:44px;margin:0;padding:2px 4px;text-decoration:none;color:#a5a5ad;font:600 10px/1.2 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;white-space:nowrap;overflow:visible}
.site-bottom-nav>a>span{display:block;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.site-bottom-nav svg{display:block;flex:none;width:24px;height:24px;max-width:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.site-bottom-nav>a.active{color:var(--market-accent,#8662ea)}
.site-bottom-nav .site-publish{gap:3px;color:#a18fbf}.site-bottom-nav .site-publish svg{box-sizing:border-box;width:43px;height:43px;padding:9px;border-radius:13px;box-shadow:0 4px 10px #9a76eb24;background:linear-gradient(135deg,#a270fc,#7d62ed);color:#fff;stroke-width:2.5}.site-bottom-nav .site-publish span{font-size:9px}.site-bottom-nav a:focus-visible{outline:2px solid #9671ed;outline-offset:2px;border-radius:9px}
@media(min-width:768px){.site-bottom-nav{left:50%;right:auto;bottom:18px;transform:translateX(-50%);width:min(680px,calc(100vw - 40px));padding:9px 15px;gap:8px;border:1px solid #e6e2ef;border-radius:19px;box-shadow:0 10px 40px #332a5514}.site-bottom-nav>a{font-size:12px;min-height:48px;padding:4px 8px;gap:6px}.site-bottom-nav svg{width:24px;height:24px}.site-bottom-nav .site-publish{flex-direction:row;gap:9px;min-height:44px;border-radius:12px;background:linear-gradient(135deg,#a270fc,#7d62ed);color:#fff}.site-bottom-nav .site-publish svg{width:25px;height:25px;padding:0;background:transparent;border-radius:0;box-shadow:none}.site-bottom-nav .site-publish span{font-size:12px}.site-bottom-nav>a:hover{color:#8a64d2;background:#f6f2fe;border-radius:12px}.site-bottom-nav .site-publish:hover{color:#fff;background:linear-gradient(135deg,#a270fc,#7d62ed)}}