* { box-sizing: border-box; }
html { background: #fff; color-scheme: light; }
body { margin: 0; min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif; }
main { flex: 1; }
footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 24px; padding: 16px 12px; padding-bottom: max(16px, env(safe-area-inset-bottom)); font-size: 14px; line-height: 1.7; text-align: center; }
footer a { color: #595959; text-decoration: none; max-width: 100%; }
footer a:hover { text-decoration: underline; }
footer a:focus-visible { outline: 2px solid #345b85; outline-offset: 4px; border-radius: 2px; }
.public-security { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.public-security img { display: block; width: 18px; height: auto; flex: 0 0 18px; }
@media (max-width: 540px) { footer { flex-direction: column; gap: 6px; } }