/* 小程序webview安全区域适配 */
/* 当H5页面嵌入小程序webview时，顶部胶囊按钮会遮挡页面内容 */
/* 使用方式：在页面顶部导航栏添加 class="webview-safe-top" */

/* 全局去掉点击蓝色框 */
* { -webkit-tap-highlight-color: transparent; }
a, button, input, textarea, div { -webkit-tap-highlight-color: transparent; outline: none; }
body { -webkit-tap-highlight-color: transparent; }

:root {
    --webview-status-bar-height: 0px;
    --webview-nav-height: 44px;
}

.webview-safe-top {
    padding-top: var(--webview-status-bar-height) !important;
}

/* 首页搜索栏适配 */
.top-header.webview-safe-top {
    padding-top: calc(var(--webview-status-bar-height) + 8px) !important;
}

/* 子页面导航栏适配 */
.page-nav.webview-safe-top {
    padding-top: calc(var(--webview-status-bar-height) + 10px) !important;
}

/* 个人中心头部适配 */
.user-header.webview-safe-top {
    padding-top: calc(var(--webview-status-bar-height) + 40px) !important;
}

/* 详情页导航栏适配 */
.detail-nav.webview-safe-top {
    padding-top: calc(var(--webview-status-bar-height) + 10px) !important;
}