.bar{height:76px;min-height:76px;inset:0 0 auto 0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(14px,3vw,46px);background:#ffffffed;border-bottom:1px solid #e4e9f1;box-shadow:0 3px 16px #15274708;backdrop-filter:blur(12px)}
.bar .brand{display:flex;align-items:center;gap:10px;flex:none;color:#101b32;font-size:16px;font-weight:800;line-height:1.05;white-space:nowrap}
.bar .brand img{width:44px;height:44px;object-fit:cover;border-radius:50%}
.bar nav{height:100%;display:flex;align-items:stretch;justify-content:center;gap:clamp(2px,1vw,14px);flex-wrap:nowrap;flex:1;overflow-x:auto}
.bar nav a{min-width:56px;padding:0 3px;border:0;border-bottom:3px solid transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;color:#25324a;font-size:.68rem;font-weight:700;white-space:nowrap}
.bar nav a svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:#51627e;flex:none}
.bar nav a.current,.bar nav a[aria-current=page]{color:#075ce5;border-bottom-color:#075ce5}
.bar nav a.current svg,.bar nav a[aria-current=page] svg{color:#075ce5}
.bar nav a:hover{background:#f4f8ff}
@media(max-width:760px){.bar{height:68px;min-height:68px;padding:0 8px;gap:5px}.bar .brand img{display:none}.bar .brand{font-size:12px}.bar nav{justify-content:flex-start;gap:1px}.bar nav a{min-width:43px;font-size:.56rem;padding:0 1px}.bar nav a svg{width:15px;height:15px}}
html body header.bar{height:76px!important;min-height:76px!important;display:flex!important;flex-direction:row!important;padding:0 clamp(18px,4vw,60px)!important;justify-content:flex-start!important}
html body header.bar{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;box-sizing:border-box!important;overflow:hidden!important;z-index:10!important}
html body header.bar .brand{display:flex!important;align-items:center!important;gap:12px!important;flex:none!important;font-size:.85rem!important;line-height:1.15!important}
html body header.bar .brand-name{margin-right:36px!important;text-align:center!important}
html body header.bar nav{display:flex!important;height:100%!important;flex:1!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;gap:clamp(6px,2vw,30px)!important;margin:0!important;overflow-x:auto!important}
html body header.bar nav a{min-width:60px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:0 4px!important;border:0!important;border-bottom:3px solid transparent!important;font-size:.75rem!important;white-space:nowrap!important}
html body header.bar nav a.current,html body header.bar nav a[aria-current=page]{border-bottom-color:#075ce5!important}
html body main{margin-top:76px!important}
@media(max-width:820px){html body header.bar{height:68px!important;min-height:68px!important;padding:0 10px!important;gap:0!important}html body header.bar .brand{display:none!important}html body header.bar nav{margin:0!important;justify-content:flex-start!important;gap:2px!important}html body header.bar nav a{min-width:46px!important;font-size:.64rem!important;padding:0 2px!important}html body main{margin-top:68px!important}}