/* ========================================================================== PING SUPPLY - 顶部公告横幅 (ps-banner.css) 背景沿用原来的 banner-ping.svg（橙色渐变装饰），文字改用真 DOM 渲染： · 图片 + object-cover 在窄屏会把字裁掉/缩小，HTML 文字任何宽度都清晰 · 文案直接写在 HTML 里，ps-i18n.js 的 TreeWalker 能自动采集并翻译 手机上由 ps-mobile.css 的 .ps-bar{display:none} 整条隐藏 ========================================================================== */ .ps-banner { height: 90px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; background-color: #EB6100; background-image: url("../img/banner-ping.svg"); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } .ps-banner-txt { position: relative; z-index: 1; text-align: center; padding: 0 64px; max-width: 1500px; margin: 0 auto; } .ps-banner-1 { display: block; color: #fff; font-size: 19px; font-weight: 700; line-height: 1.3; letter-spacing: .2px; text-shadow: 0 1px 2px rgba(120, 45, 0, .28); } .ps-banner-2 { display: block; margin-top: 6px; color: #fff; font-size: 13.5px; font-weight: 500; line-height: 1.4; opacity: .95; text-shadow: 0 1px 2px rgba(120, 45, 0, .22); } /* 用户关过公告条 -> 里那段极早脚本给 加上 ps-bar-off， 在样式解析阶段就把它藏掉，避免"先闪一条橙带再消失"。 注意：本文件只在 index / affiliate / estimation 三页引入， 所以这条规则不会误伤 body 首元素是别的东西的页面。 */ html.ps-bar-off body > div:first-child { display: none !important; } /* 中等宽度：字号收一点，保证一行放得下 */ @media (max-width: 1180px) { .ps-banner-txt { padding: 0 40px; } .ps-banner-1 { font-size: 17.5px; } .ps-banner-2 { font-size: 13px; } } /* 手机上整条已被 ps-mobile.css 的 .ps-bar 隐藏（断点 767px），这里只做兜底 */ @media (max-width: 767px) { .ps-banner { height: 64px; } .ps-banner-1 { font-size: 15px; } .ps-banner-2 { margin-top: 4px; font-size: 13px; } }