/* 动态页、回答墙页共用：顶栏、主按钮、页边距。进站页 home.html 里有同样的写法。 */
:root { --m: 24px; }
body.page { min-height: 100vh; background: var(--ground); }
.page .h-top { position: fixed; inset: 0 0 auto 0; z-index: 30; display: flex; align-items: center; justify-content: space-between; padding: calc(14px + env(safe-area-inset-top)) var(--m) 14px; transition: background-color var(--t-ui) ease, box-shadow var(--t-ui) ease, color var(--t-ui) ease; }
.page .h-top.on-photo:not(.scrolled) .brand, .page .h-top.on-photo:not(.scrolled) nav a, .page .h-top.on-photo:not(.scrolled) .icon-btn { color: #fff; }
.page .h-top.scrolled { background: var(--ground); box-shadow: 0 1px 0 var(--border); }
.page .h-top nav { display: flex; align-items: center; gap: 4px; }
.page .h-top nav a { display: inline-flex; align-items: center; height: 32px; padding: 0 10px; border-radius: 8px; color: var(--muted); font-size: 15px; text-decoration: none; transition: color var(--t-hover) ease, background-color var(--t-hover) ease; }
.page .h-top nav a:hover { color: var(--text); background: var(--raised); }
.page .h-top nav a[aria-current="page"] { color: var(--text); font-weight: 600; }
.page .go { display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 22px; border-radius: 999px; background: var(--primary); color: var(--primary-ink); font-size: 16px; font-weight: 600; text-decoration: none; transition: transform var(--t-press) var(--ease-out), background-color var(--t-hover) ease; }
.page .go svg { width: 18px; height: 18px; transition: transform var(--t-hover) var(--ease-out); }
.page .go:hover { background: var(--primary-hover); }
.page .go:hover svg { transform: translateX(3px); }
.page .go:active { transform: scale(.97); }
@media (max-width: 680px) { :root { --m: 16px; } .page .h-top nav a { padding: 0 7px; font-size: 14px; } }