/* 统一顶栏（与八字/六爻/紫微页一致）：纸色底、细线、圆形“命”标、下划线标出当前页。由 /js/site-header.js 渲染。 */
.sh { background: #F7F3EC; color: #1F2C38; border-bottom: 1px solid #E2D9CB; padding: .5rem 0; position: sticky; top: 0; z-index: 100; font-family: 'Noto Sans SC', system-ui, sans-serif; font-size: 16px; line-height: 1.5; }
.sh * { box-sizing: border-box; }
.sh a { color: inherit; text-decoration: none; }
.sh-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 1rem; }
.sh-inner { display: flex; align-items: center; justify-content: space-between; gap: .5rem 1rem; flex-wrap: wrap; }
.sh-left { display: flex; align-items: center; flex-wrap: wrap; }
.sh-logo { display: flex; align-items: center; }
.sh-logo-icon { width: 2.25rem; height: 2.25rem; display: flex; align-items: center; justify-content: center; border: 2px solid #E2D9CB; border-radius: 50%; font-weight: 600; font-size: 1.1rem; color: #fff; background: #2C3E50; }
.sh-logo-text { font-family: 'Noto Serif SC', serif; font-size: 1.3rem; font-weight: 700; margin-left: .75rem; letter-spacing: .03em; color: #1F2C38; }
.sh-nav { margin-left: 2rem; display: flex; flex-wrap: wrap; gap: .25rem; }
.sh-item { color: #3A4651; padding: .7rem 1rem; border-bottom: 3px solid transparent; min-height: 44px; display: inline-flex; align-items: center; font-weight: 500; font-size: .95rem; }
.sh-item:hover { color: #1F2C38; border-bottom-color: #C9B99C; }
.sh-item.active { color: #2E5D3A; border-bottom-color: #2E5D3A; font-weight: 700; }
.sh-user { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem 1.1rem; font-size: .95rem; color: #3A4651; }
.sh-user a { opacity: .85; display: inline-flex; align-items: center; gap: .35em; min-height: 44px; }
.sh-user a:hover { opacity: 1; color: #1F2C38; }
.sh-user a.sh-admin { color: #2E5D3A; font-weight: 700; opacity: 1; }
.sh-name { display: inline-flex; align-items: center; gap: .4em; font-size: 1.05rem; }
.sh-name small { font-size: .8em; color: #6A7480; }
.sh-btn { color: #2C3E50; border: 1px solid #2C3E50; background: transparent; padding: .4rem .8rem; font: inherit; font-size: .9rem; border-radius: 6px; cursor: pointer; min-height: 40px; }
.sh-btn:hover { background: #2C3E50; color: #fff; }
.sh :focus-visible { outline: 3px solid #2F5F8F; outline-offset: 2px; }
@media (max-width: 768px) { .sh-nav { margin-left: 0; width: 100%; } .sh-item { padding: .5rem .8rem; font-size: .9rem; } }