/**
 * 演示站顶栏（独立文件，避免 Think 模板解析花括号）
 * #app 须为 body 第一个子节点（满足 newh5-mobile.css 的 body.newh5-body > #app）；
 * 顶栏 DOM 放在 footer 中紧邻 #app 之后，由 demo_notice_front.html 内联脚本设置上边距。
 */
.jqr-demo-notice-bar.jqr-demo-notice--fixed {
    position: fixed;
    top: env(safe-area-inset-top, 0px);
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100vw;
    box-sizing: border-box;
    margin: 0;
    padding: 8px 10px;
    text-align: center;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
    color: #5c1a1a;
    background: #ffc107;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    z-index: 10050;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.jqr-demo-notice-bar.jqr-demo-notice--fixed .jqr-demo-notice-inner {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}