diff --git a/web/navi.css b/web/navi.css index f797be9..c4e2974 100644 --- a/web/navi.css +++ b/web/navi.css @@ -2182,3 +2182,38 @@ html[data-theme]:not(.navi-dark) .navi-admin-entry:focus-visible { outline: 2px solid rgba(71, 85, 105, 0.55) !important; outline-offset: 2px !important; } + +/* ═══ v70:真凶修复 —— 同特异性覆盖,让页脚真正横排一行 ═══ + 实测:.navi-footer 运行时 display=block,4 个子元素纵向堆叠 + (备案 y=680 / 公安 y=701 / 分隔 y=722 / 每日一言 y=743), + 盒高仅 26px 且 bottom=720 → 每日一言在视口下方(y=743 > 720)**根本没显示**。 + 根因:824 行附近 + html[data-theme] body:has(.minimal-home) .navi-footer-host > * { display: block !important } + 特异性 (0,2,1) 高于我此前写的 html[data-theme] body .navi-footer (0,1,1), + **同等 !important 下特异性高者胜**,因此无论我加多少 !important、放在多后面都无效。 + 修法:用**同特异性选择器**(.navi-footer-host > .navi-footer)覆盖 display/flex-direction。 */ +html[data-theme] body:has(.minimal-home) .navi-footer-host > .navi-footer { + display: flex !important; + flex-direction: row !important; + flex-wrap: nowrap !important; + align-items: center !important; + justify-content: center !important; + height: auto !important; min-height: 0 !important; max-height: 20px !important; + line-height: 15px !important; + padding: 0 8px !important; + white-space: nowrap !important; + overflow: visible !important; +} +html[data-theme] body:has(.minimal-home) .navi-footer-host > .navi-footer > * { + display: inline-flex !important; + align-items: center !important; + height: auto !important; max-height: 20px !important; + line-height: 15px !important; + white-space: nowrap !important; +} +html[data-theme] body:has(.minimal-home) .navi-footer-host .navi-quote { + display: inline-block !important; + max-width: 40vw !important; + overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; + line-height: 15px !important; height: auto !important; min-height: 0 !important; +}