/* override.css — 静态高仿补充样式（无 JS 时的视觉修正） */

/* ===== 楼盘详情页布局修正 ===== */
/* 注：overflow 用 clip 而非 hidden——hidden 会把 main 变成滚动容器，导致右栏 position:sticky 吸顶失效；clip 裁剪效果相同但不形成滚动容器 */
.main{display:block;overflow:clip}
/* 楼盘 tab 导航：禁止换行，保证“免费专车”与其他项同一行 */
.loupan-nav ul{white-space:nowrap}
.loupan-nav li,.loupan-nav li a{white-space:nowrap}
/* 楼盘 tab 导航绿色条：与内容列(.dh)同宽并居中，避免绿色背景超出左右边距 */
/* clear:both 清除 .dh 内部浮动元素(.dh-l/.dh-r)对后续块的影响，否则导航条被拉到左侧无法居中 */
.fixedcon .loupan-nav{width:1200px;margin-left:auto!important;margin-right:auto!important;padding:0;display:block!important;clear:both}
.fixedcon .loupan-nav ul{width:1200px;margin:0 auto}

/* 头部：售楼处直销标签（红色底） */
.fixedcon .name-dt .status.s4{background:#dd1144}

/* 头部：小程序二维码（楼盘名左侧） */
.fixedcon .dh-l .qrimg{float:left;width:80px;height:80px;margin:0 14px 0 0;background:#fff;border:1px solid #eee}
.fixedcon .dh-l .qrimg img{width:100%;height:100%;display:block}

/* 头部：售楼热线左侧电话图标 */
.fixedcon .dh-r .tel{float:left;height:90px;margin-right:12px}
.fixedcon .dh-r .tel s{display:inline-block;width:48px;height:48px;margin-top:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='22' fill='%2300aa66'/%3E%3Cpath fill='%23ffffff' d='M33.5 27.2c-.9-.9-2.3-.9-3.2 0l-2 2c-.3.3-.8.3-1.1 0l-4.6-4.6c-.3-.3-.3-.8 0-1.1l2-2c.9-.9.9-2.3 0-3.2l-2.6-2.6c-.9-.9-2.3-.9-3.2 0l-1.9 1.9c-1.6 1.6-1.4 4.3.4 6.1l6.6 6.6c1.8 1.8 4.5 2 6.1.4l1.9-1.9c.9-.9.9-2.3 0-3.2l-2.4-2.4z'/%3E%3C/svg%3E") no-repeat center center;background-size:100% 100%}
/* 导航条与下方内容之间留出间距 */
.main{margin-top:18px}

/* 隐藏 JS 填充的广告位（无脚本时为空白占位） */
.in-ad-banner, #ad1 { display: none !important; }

/* 周边配套：静态地图占位面板（替代 JS 加载的交互地图） */
.static-map-ph {
    position: relative;
    width: 100%;
    height: 340px;
    margin: 18px 0 4px;
    border-radius: 8px;
    overflow: hidden;
    background-color: #eaf1f4;
    background-image:
        linear-gradient(rgba(120,160,180,.18) 1px, transparent 1px),
        linear-gradient(90deg, rgba(120,160,180,.18) 1px, transparent 1px),
        radial-gradient(circle at 30% 40%, rgba(90,170,140,.20), transparent 45%),
        radial-gradient(circle at 72% 65%, rgba(80,140,200,.18), transparent 50%);
    background-size: 28px 28px, 28px 28px, 100% 100%, 100% 100%;
    border: 1px solid #dce6ea;
}
.static-map-inner {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.static-map-pin {
    width: 22px;
    height: 22px;
    background: #00aa66;
    border-radius: 50% 50% 50% 0;
    transform: rotate(-45deg);
    box-shadow: 0 6px 12px rgba(0,0,0,.18);
    position: relative;
}
.static-map-pin::after {
    content: "";
    position: absolute;
    width: 8px; height: 8px;
    background: #fff;
    border-radius: 50%;
    top: 7px; left: 7px;
}
.static-map-txt {
    font-size: 13px;
    color: #5b6b73;
    background: rgba(255,255,255,.82);
    padding: 4px 12px;
    border-radius: 14px;
}

/* 移动端地图占位稍矮 */
@media (max-width: 768px) {
    .static-map-ph { height: 220px; }
}

/* 防止个别图片容器在无图时塌陷 */
.lpan_banner .tempWrap .lpan_banner_inbox .img-box,
.lpan_banner .tempWrap .lpan_banner_inbox a { background: #f2f4f5; }

/* 右侧固定栏在静态页保留外观（图标可见，点击无交互，符合静态定位） */
.side-menu .menu-list-item { cursor: default; }