.head-bar[data-v-40c41c1b],.head-placeholder[data-v-40c41c1b]{width:100%;max-width:var(--page-width,750px);height:48px}.head-bar[data-v-40c41c1b]{color:#fff;background:var(--head-bar-bg,var(--skin-dark));box-shadow:0 0 5px var(--skin-soft);padding:.5rem;display:flex;position:relative}.head-bar--pinned[data-v-40c41c1b]{z-index:50;margin-top:-48px;transition:margin-top .3s;position:fixed;top:0;left:50%;transform:translate(-50%)}.head-bar--pinned.head-bar--visible[data-v-40c41c1b]{margin-top:0}.btn[data-v-40c41c1b]{color:#fff;background-color:#0000000d;border-radius:40px;align-items:center;gap:.2rem;font-size:.875rem;display:flex;box-shadow:0 0 2px #ffffffab}.foot-bar[data-v-ddc779d5],.foot-wrap[data-v-ddc779d5]{height:52px}.foot-bar[data-v-ddc779d5]{color:#666;width:100%;max-width:var(--page-width,750px);background-color:#fff;justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 0 3px #0000001a}@media screen and (width>=750px){.foot-bar[data-v-ddc779d5]{border-radius:12px 12px 0 0;left:50%;transform:translate(-50%)}}.footer[data-v-35077c75]{color:var(--foot-color,#969696cc);background:var(--foot-bg)}