/**
 * 安全区域和搜索栏修复 - 简洁版本
 * 避免复杂CSS语法，确保兼容性
 */

/* 基础安全区域适配 */
body.has-notch {
    padding-top: env(safe-area-inset-top);
    padding-top: constant(safe-area-inset-top);
}

/* 搜索栏固定定位 */
.search-bar-fixed {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 999;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 15px;
    width: 100%;
    box-sizing: border-box;
}

/* 搜索表单固定 */
.form-search {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 999;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 15px;
    margin-bottom: 0;
}

/* 内容区域调整 */
.content-with-fixed-search {
    padding-top: 80px;
    margin-top: 0;
}

/* 刘海屏适配 */
body.has-notch .search-bar-fixed {
    top: env(safe-area-inset-top);
    top: constant(safe-area-inset-top);
    padding-top: calc(10px + env(safe-area-inset-top));
    padding-top: calc(10px + constant(safe-area-inset-top));
}

body.has-notch .content-with-fixed-search {
    padding-top: calc(80px + env(safe-area-inset-top));
    padding-top: calc(80px + constant(safe-area-inset-top));
}

/* 登录页面安全区域适配 */
body.has-notch .login-box {
    margin-top: calc(120px + env(safe-area-inset-top));
    margin-top: calc(120px + constant(safe-area-inset-top));
}

/* 返回按钮安全区域适配 */
body.has-notch .back-button {
    top: calc(-60px + env(safe-area-inset-top));
    top: calc(-60px + constant(safe-area-inset-top));
}

/* 工具类 */
.safe-top {
    padding-top: env(safe-area-inset-top);
    padding-top: constant(safe-area-inset-top);
}

.emergency-safe-top {
    padding-top: env(safe-area-inset-top);
    padding-top: constant(safe-area-inset-top);
}

.emergency-safe-margin-top {
    margin-top: env(safe-area-inset-top);
    margin-top: constant(safe-area-inset-top);
}

/* 调试样式 */
.debug-safe-area::before {
    content: 'Safe Area Debug';
    position: fixed;
    top: 0;
    left: 0;
    background: red;
    color: white;
    padding: 2px 5px;
    font-size: 12px;
    z-index: 9999;
}