.analytics-links { flex:0 0 100%; width:100%; display:flex; flex-wrap:wrap; gap:12px 24px; padding:20px 0 0; font:12px/1.7 var(--sans); }
.analytics-links button { padding:0; border:0; background:none; color:inherit; font:inherit; text-decoration:underline; text-underline-offset:4px; }
.analytics-links a { text-underline-offset:4px; }
.analytics-links [hidden], .analytics-notice[hidden] { display:none; }
.analytics-notice { position:fixed; z-index:1000; left:24px; bottom:24px; width:min(460px,calc(100% - 48px)); padding:24px; border:1px solid #abb6a2; background:#f9f7ef; color:#293e32; box-shadow:0 6px 32px #0e18131a; font:14px/1.65 var(--sans); }
.analytics-notice h2 { margin:0 0 10px; color:#293e32; font:400 29px/1.2 var(--serif); }
.analytics-notice p { margin:0 0 14px; color:#4c5b46; }
.analytics-notice a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.analytics-actions { display:flex; flex-wrap:wrap; gap:10px; }
.analytics-actions button { flex:1; min-width:130px; border:1px solid #53634c; background:transparent; color:#293e32; padding:10px 14px; font:500 13px/1.5 var(--sans); }
.analytics-actions button:hover { background:#e8ecdf; }
.analytics-notice :focus-visible, .analytics-links :focus-visible { outline:2px solid currentColor; outline-offset:4px; }
html:lang(zh-Hant) .analytics-notice h2 { font:400 23px/1.5 var(--zh); }
@media(max-width:480px) { .analytics-notice { left:12px; bottom:12px; width:calc(100% - 24px); padding:20px; } }