.bottom-actions .bottom-btn.bld-shopkeeper-pay-btn {
    touch-action: manipulation;
}

/* 底部栏 button / span 占位文案居中（如「等待供应商提交完成」） */
.bottom-actions .bottom-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.35;
    box-sizing: border-box;
}

/* 标题相对于屏幕绝对居中（适用于所有服务类型的post页面及交流区列表） */
.order-header h2,
.publish-header h2,
.page-header h2,
.forum-header h2,
.module-post-header h2 {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    text-align: center !important;
    width: auto !important;
    max-width: calc(100% - 144px) !important; /* 左右各留72px空间给按钮 */
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* 确保header是相对定位，以便h2的绝对定位生效 */
.order-header,
.publish-header,
.page-header {
    position: relative !important;
}
/* forum-header / module-post-header 使用 sticky 保持顶部固定 */
.forum-header,
.module-post-header {
    position: sticky !important;
}

/* 在小程序 webview 环境下：保留自定义头部，但隐藏左侧返回箭头，避免和小程序返回键重复 */
/* 支持所有header类型：order-header, publish-header, page-header */
/* 使用最高优先级选择器，确保覆盖所有可能的样式 */
.miniapp-env .order-header .btn-back,
.miniapp-env .order-header button.btn-back,
.miniapp-env .order-header .btn-back i,
.miniapp-env .publish-header .btn-back,
.miniapp-env .publish-header button.btn-back,
.miniapp-env .publish-header .btn-back i,
.miniapp-env .page-header .btn-back,
.miniapp-env .page-header button.btn-back,
.miniapp-env .page-header .btn-back i,
.miniapp-env .forum-header .btn-back,
.miniapp-env .forum-header button.btn-back,
.miniapp-env .forum-header .btn-back i,
.miniapp-env .module-post-header .btn-back,
.miniapp-env .module-post-header button.btn-back,
.miniapp-env .module-post-header .btn-back i,
html.miniapp-env .order-header .btn-back,
html.miniapp-env .publish-header .btn-back,
html.miniapp-env .page-header .btn-back,
html.miniapp-env .forum-header .btn-back,
html.miniapp-env .module-post-header .btn-back,
body.miniapp-env .order-header .btn-back,
body.miniapp-env .publish-header .btn-back,
body.miniapp-env .page-header .btn-back,
body.miniapp-env .forum-header .btn-back,
body.miniapp-env .module-post-header .btn-back {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}


/* ============================================
   统一底部菜单样式（确保所有页面完全一致）
   注意：此样式必须覆盖 cms.css 和其他全局样式
   ============================================ */

/* 底部导航栏容器（与index.css完全一致，使用!important确保覆盖） */
.bottom-nav {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    background: white !important;
    border-top: 1px solid #e0e0e0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    padding: 8px 0 8px 0 !important;
    z-index: 1000 !important;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1) !important;
}

/* 普通导航按钮（与index.css完全一致，使用!important确保覆盖） */
.bottom-nav .nav-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 8px 12px !important;
    cursor: pointer !important;
    transition: color 0.2s ease !important;
    position: relative !important;
    flex: 1 1 0 !important;
    padding-bottom: 8px !important;
    font-weight: 400 !important; /* 统一设置为400（normal），确保所有页面一致 */
}

/* 普通导航按钮图标（确保所有页面完全一致，包括可见性，覆盖 cms.css 等全局样式） */
.bottom-nav .nav-item i,
.bottom-nav .nav-item i.fa,
.bottom-nav .nav-item i[class*="fa-"],
.bottom-nav #index i,
.bottom-nav #allservices i,
.bottom-nav #myorders i,
.bottom-nav #my i,
.bottom-nav #index .fa,
.bottom-nav #allservices .fa,
.bottom-nav #myorders .fa,
.bottom-nav #my .fa,
.bottom-nav #index i.fa-home,
.bottom-nav #allservices i.fa-th-large,
.bottom-nav #myorders i.fa-file-text-o,
.bottom-nav #my i.fa-user,
.bottom-nav .nav-item > i,
.bottom-nav .nav-item > i.fa,
/* 确保前两个按钮的图标可见 */
.bottom-nav #index > i,
.bottom-nav #index > i.fa,
.bottom-nav #allservices > i,
.bottom-nav #allservices > i.fa {
    font-size: 20px !important;
    color: #999 !important;
    font-weight: 400 !important; /* 统一设置为400（normal） */
    font-style: normal !important;
    /* 不强制设置 font-family，让 Font Awesome 自动处理 */
    line-height: 1 !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    /* 覆盖 cms.css 中可能的样式 */
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    /* 确保图标字体正确加载 */
    speak: none !important;
    font-variant: normal !important;
    text-transform: none !important;
}

/* 普通导航按钮文字 */
.bottom-nav .nav-item span {
    font-size: 10px !important;
    color: #999 !important;
    font-weight: 400 !important; /* 统一设置为400（normal），确保所有页面一致 */
    line-height: 1 !important;
}

/* 激活状态的导航按钮（只有颜色变化，确保所有页面完全一致） */
.bottom-nav .nav-item.active i,
.bottom-nav .nav-item.active i.fa,
.bottom-nav .nav-item.active i[class*="fa-"],
.bottom-nav .nav-item.active span,
.bottom-nav #index.active i,
.bottom-nav #allservices.active i,
.bottom-nav #myorders.active i,
.bottom-nav #my.active i {
    color: #ff6600 !important;
    font-weight: 400 !important; /* 统一设置为400（normal），确保所有页面一致 */
}

/* 中间发布按钮区域 */
.bottom-nav .nav-center {
    position: relative !important;
    flex: 0 0 96px !important;
}

/* 发布按钮（覆盖 cms.css 等全局样式） */
.bottom-nav .nav-center .center-btn,
.bottom-nav .center-btn,
.bottom-nav .nav-center button.center-btn,
.bottom-nav button.center-btn {
    position: absolute !important;
    left: 50% !important;
    top: -20px !important;
    transform: translateX(-50%) !important;
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    border: 2px solid #e0e0e0 !important;
    background: #fff !important;
    color: #999 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    font-weight: 400 !important; /* 统一设置为400（normal），确保所有页面一致 */
    /* 覆盖 cms.css 中可能的按钮样式 */
    float: none !important;
    text-align: center !important;
    vertical-align: middle !important;
    touch-action: manipulation !important;
    user-select: none !important;
}

/* 发布按钮图标（确保所有页面完全一致，包括粗细，覆盖 cms.css 等全局样式） */
.bottom-nav .nav-center .center-btn i,
.bottom-nav .center-btn i,
.bottom-nav .nav-center .center-btn i.fa,
.bottom-nav .center-btn i.fa,
.bottom-nav .nav-center .center-btn i[class*="fa-plus"],
.bottom-nav .center-btn i[class*="fa-plus"],
.bottom-nav #publish .center-btn i,
.bottom-nav #publish i,
.bottom-nav #publish button i,
.bottom-nav #publish button i.fa,
.bottom-nav .nav-center button.center-btn i,
.bottom-nav button.center-btn i,
.bottom-nav .nav-center button i,
.bottom-nav button.center-btn i.fa {
    font-size: 24px !important;
    line-height: 1 !important;
    display: inline-block !important;
    color: #999 !important;
    font-weight: 400 !important; /* 统一设置为400（normal），确保所有页面一致 */
    font-style: normal !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    /* 覆盖 cms.css 中可能的样式 */
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 发布按钮文字（与index.css完全一致，使用!important确保覆盖） */
.bottom-nav .nav-center .center-label,
.bottom-nav .center-label {
    display: block !important;
    margin-top: 36px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #ff6600 !important;
}

/* 安全区域适配（iPhone X等设备） */
@supports (padding: max(0px)) {
    .bottom-nav {
        padding-bottom: max(8px, env(safe-area-inset-bottom)) !important;
    }
}

/* 发票说明等浮层须盖住详情页 bottom-actions（模板内常为 z-index:10000） */
.modal-overlay {
    z-index: 10001 !important;
}

/* 店主订单报价卡片：头像 / 合作次数 / 附图 */
.designer-person {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: inherit;
    flex: 1;
    min-width: 0;
}
.designer-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    background: #f0f0f0;
}
.designer-person-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.designer-person-text .designer-name {
    font-weight: 600;
    font-size: 15px;
    color: #333;
}
.designer-meta {
    font-size: 12px;
    color: #999;
    font-weight: 400;
    margin-top: 2px;
}
.designer-images {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin: 8px 0;
}
.designer-images img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 6px;
}