/* 爱发电主页公告条（认证用临时模块，过审后可整体移除） 注入：python3 tools/attach_afdian_promo.py 移除：python3 tools/attach_afdian_promo.py --remove 只作用于 .afdian-promo* 选择器，不触碰品牌 logo / favicon / 吉祥物。 在 ui.css 之前加载，不要放在最后。 */ .afdian-promo { position: relative; z-index: 130; padding: 0.625rem 1rem; background: linear-gradient(90deg, #ffd75e 0%, #ffb02e 55%, #ffcb4d 100%); border-bottom: 1px solid rgba(120, 70, 0, 0.22); color: #3a2400; } /* 关闭过的用户：由 的启动脚本在首帧之前给 html 加上 .promo-off。 以前是渲染完再由 body 末尾的脚本把节点删掉，于是每次翻页都先铺上这条黄色 横条、再整页往上跳 55px —— 看起来就是「整个页面闪一下」。 */ html.promo-off .afdian-promo { display: none !important; } .afdian-promo-inner { width: min(1220px, 100%); margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0.5rem 0.75rem; text-align: center; } .afdian-promo-badge { flex: none; padding: 0.125rem 0.5rem; border-radius: 99px; background: #3a2400; color: #ffd75e; font-size: 0.8125rem; font-weight: 800; letter-spacing: 0.02em; } .afdian-promo p { margin: 0; font-size: 0.9375rem; font-weight: 650; line-height: 1.6; } .afdian-promo a.promo-url { color: #14306b; font-weight: 800; text-decoration: underline; text-underline-offset: 0.15em; word-break: break-all; } .afdian-promo a.promo-url:hover { color: #0b1e46; } .afdian-promo-cta { flex: none; padding: 0.3125rem 0.75rem; border-radius: 9px; background: #3a2400; color: #ffd75e; font-size: 0.875rem; font-weight: 800; text-decoration: none; white-space: nowrap; transition: transform 0.18s ease, opacity 0.18s ease; } .afdian-promo-cta:hover { opacity: 0.9; transform: translateY(-1px); color: #ffd75e; } .afdian-promo-close { flex: none; width: 1.75rem; height: 1.75rem; display: grid; place-items: center; border: 0; border-radius: 8px; background: rgba(58, 36, 0, 0.1); color: #3a2400; font-size: 1.125rem; line-height: 1; cursor: pointer; } .afdian-promo-close:hover { background: rgba(58, 36, 0, 0.2); } html[data-theme='dark'] .afdian-promo { background: linear-gradient(90deg, #6b4a00 0%, #8a5f00 55%, #6b4a00 100%); border-bottom-color: rgba(255, 215, 94, 0.25); color: #ffe9ad; } html[data-theme='dark'] .afdian-promo-badge, html[data-theme='dark'] .afdian-promo-cta { background: #ffe9ad; color: #4a3200; } html[data-theme='dark'] .afdian-promo a.promo-url { color: #ffffff; text-decoration-color: #ffe9ad; } html[data-theme='dark'] .afdian-promo-close { background: rgba(255, 233, 173, 0.16); color: #ffe9ad; } @media (max-width: 680px) { .afdian-promo { padding: 0.5rem max(0.75rem, env(safe-area-inset-left)) 0.5rem max(0.75rem, env(safe-area-inset-right)); } .afdian-promo-inner { gap: 0.375rem 0.5rem; } .afdian-promo p { font-size: 0.875rem; } .afdian-promo-cta, .afdian-promo-badge { font-size: 0.8125rem; } }