/* ============================================================
   楼盘详情子页面（户型/相册/点评/问答/动态/资讯）共享样式
   主色 #00aa66（与整站一致），基于 loupan-detail 头部 + 自身内容区
   ============================================================ */
.lp-sub-main{background:#f5f6f8;padding:16px 0 40px;min-height:60vh}
.lp-sub-wrap{max-width:1200px;margin:0 auto}
.lp-sub-crumb{background:#fff;border-bottom:1px solid #eef0f3;font-size:13px;color:#888;height:44px;line-height:44px}
.lp-sub-crumb a{color:#666}
.lp-sub-crumb a:hover{color:#00aa66}
.lp-sub-crumb .sep{margin:0 6px;color:#c6ccd6}
.lp-sub-crumb .cur{color:#00aa66}

/* 楼盘头部（复用详情页 fixedcon 的轻量版）*/
.lp-sub-head{background:#fff;border-radius:10px;box-shadow:0 1px 6px rgba(0,0,0,.05);padding:22px 26px;margin-bottom:16px;display:flex;align-items:center;gap:18px}
.lp-sub-head .thumb{width:150px;height:100px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#eef1f5}
.lp-sub-head .thumb img{width:100%;height:100%;object-fit:cover}
.lp-sub-head .info{flex:1;min-width:0}
.lp-sub-head .name{font-size:22px;font-weight:800;color:#222;display:flex;align-items:center;gap:10px}
.lp-sub-head .name .tag{font-size:12px;font-weight:600;color:#fff;background:#00aa66;border-radius:4px;padding:2px 8px}
.lp-sub-head .meta{color:#666;font-size:13px;margin-top:8px;display:flex;flex-wrap:wrap;gap:6px 18px}
.lp-sub-head .meta b{color:#e23b3b;font-size:18px;font-weight:700}
.lp-sub-head .links{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}
.lp-sub-head .links a{font-size:13px;color:#555;border:1px solid #e3e6ea;border-radius:6px;padding:6px 14px;background:#fff;transition:.2s}
.lp-sub-head .links a:hover{color:#fff;background:#00aa66;border-color:#00aa66}
.lp-sub-head .links a.on{color:#00aa66;border-color:#00aa66;font-weight:600}

/* 内容卡 */
.lp-sub-card{background:#fff;border-radius:10px;box-shadow:0 1px 6px rgba(0,0,0,.05);padding:0 24px 24px;margin-bottom:16px}
.lp-sub-card .hd{display:flex;align-items:center;height:56px;border-bottom:1px solid #f0f2f5}
.lp-sub-card .hd h2{font-size:17px;font-weight:700;color:#222}
.lp-sub-card .hd h2::before{content:'';display:inline-block;width:4px;height:16px;background:#00aa66;border-radius:2px;margin-right:9px;vertical-align:-2px}
.lp-sub-card .hd .more{margin-left:auto;font-size:13px;color:#999}
.lp-sub-card .hd .more a{color:#999}
.lp-sub-card .hd .more a:hover{color:#00aa66}

/* 户型筛选 tab */
.lp-room-tabs{display:flex;gap:8px;padding:14px 0 4px;flex-wrap:wrap}
.lp-room-tabs a{font-size:13px;color:#555;border:1px solid #e3e6ea;border-radius:6px;padding:6px 16px;background:#fff;transition:.2s}
.lp-room-tabs a:hover{color:#00aa66;border-color:#00aa66}
.lp-room-tabs a.on{color:#fff;background:#00aa66;border-color:#00aa66}

/* 户型列表 */
.hx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:16px}
.hx-item{background:#fff;border:1px solid #eef0f3;border-radius:10px;overflow:hidden;transition:.25s}
.hx-item:hover{box-shadow:0 8px 22px rgba(0,0,0,.09);transform:translateY(-3px)}
.hx-item .pic{position:relative;height:150px;background:#f2f4f7}
.hx-item .pic img{width:100%;height:100%;object-fit:cover}
.hx-item .pic .st{position:absolute;left:0;top:10px;background:#00aa66;color:#fff;font-size:11px;padding:3px 10px;border-radius:0 4px 4px 0}
.hx-item .bd{padding:12px 14px}
.hx-item .bd .name{font-size:15px;color:#222;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-item .bd .name a:hover{color:#00aa66}
.hx-item .bd .tags{margin-top:6px;font-size:12px;color:#999}
.hx-item .bd .price{margin-top:8px;font-size:15px;color:#e23b3b;font-weight:700}
.hx-item .bd .price small{font-size:12px;font-weight:400;color:#999}
.hx-item .bd .btn{margin-top:10px;text-align:center;background:#f2fbf6;color:#00aa66;font-size:13px;border-radius:6px;padding:7px 0;cursor:pointer;transition:.2s}
.hx-item .bd .btn:hover{background:#00aa66;color:#fff}

/* 相册列表 */
.album-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:16px}
.album-item{background:#fff;border:1px solid #eef0f3;border-radius:10px;overflow:hidden;transition:.25s}
.album-item:hover{box-shadow:0 8px 22px rgba(0,0,0,.09);transform:translateY(-3px)}
.album-item a{display:block}
.album-item .pic{height:150px;background:#f2f4f7;position:relative}
.album-item .pic img{width:100%;height:100%;object-fit:cover}
.album-item .pic .cnt{position:absolute;right:0;bottom:0;background:rgba(0,0,0,.45);color:#fff;font-size:12px;padding:3px 10px;border-radius:6px 0 0 0}
.album-item .tt{padding:11px 14px;font-size:14px;color:#333;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 相册详情图墙 */
.album-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:16px}
.album-wall li{list-style:none;border-radius:8px;overflow:hidden;background:#f2f4f7;position:relative}
.album-wall li img{width:100%;height:160px;object-fit:cover;display:block;cursor:pointer;transition:.3s}
.album-wall li img:hover{transform:scale(1.03)}

/* 点评 / 问答列表 */
.cmt-list{list-style:none;padding-top:14px}
.cmt-list>li{padding:16px 0;border-bottom:1px dashed #eef0f3}
.cmt-list>li:last-child{border-bottom:none}
.cmt-head{display:flex;align-items:center;gap:12px}
.cmt-avatar{width:44px;height:44px;border-radius:50%;background:#e8f7f0;color:#00aa66;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.cmt-avatar img{width:100%;height:100%;object-fit:cover}
.cmt-avatar span{line-height:1}
.cmt-user{flex:1;min-width:0}
.cmt-user .nm{font-size:14px;color:#333;font-weight:600}
.cmt-user .tm{font-size:12px;color:#999;margin-top:3px}
.cmt-tag{font-size:11px;color:#00aa66;background:#eefaf4;border:1px solid #d6f3e4;border-radius:4px;padding:2px 8px}
.cmt-body{margin-top:10px;font-size:14px;color:#555;line-height:1.8}
.cmt-info{margin-top:10px;font-size:12px;color:#999;display:flex;gap:18px}

/* 问答 */
.qa-list{list-style:none;padding-top:10px}
.qa-item{padding:16px 0;border-bottom:1px dashed #eef0f3}
.qa-item:last-child{border-bottom:none}
.qa-q{display:flex;gap:10px;font-size:15px;color:#333;font-weight:600}
.qa-q .badge{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#00aa66;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;margin-top:2px}
.qa-a{display:flex;gap:10px;margin-top:10px;font-size:14px;color:#666;line-height:1.8}
.qa-a .badge{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#f0a020;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;margin-top:2px}
.qa-meta{margin-top:8px;padding-left:32px;font-size:12px;color:#999}

/* 动态 / 资讯列表 */
.news-list{list-style:none;padding-top:8px}
.news-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px dashed #eef0f3}
.news-item:last-child{border-bottom:none}
.news-item .pic{width:150px;height:94px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f2f4f7}
.news-item .pic img{width:100%;height:100%;object-fit:cover;transition:.35s}
.news-item a:hover .pic img{transform:scale(1.06)}
.news-item .bd{flex:1;min-width:0;display:flex;flex-direction:column}
.news-item .tt{font-size:16px;color:#222;font-weight:600;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-item .tt a:hover{color:#00aa66}
.news-item .meta{margin-top:auto;padding-top:10px;font-size:12px;color:#999;display:flex;align-items:center;gap:14px}
.news-item .meta .src{color:#00aa66}

/* 详情正文 */
.c-detail{padding-top:16px;font-size:15px;color:#444;line-height:1.9}
.c-detail h1{font-size:22px;color:#222;text-align:center;font-weight:800;line-height:1.5}
.c-detail .c-meta{text-align:center;color:#999;font-size:13px;margin:12px 0 20px;display:flex;justify-content:center;gap:16px}
.c-detail .c-body img{max-width:100%;border-radius:8px;margin:8px 0}
.c-detail .c-body p{margin:10px 0}
.c-detail .c-body h2,.c-detail .c-body h3{color:#222;margin:18px 0 8px}

/* 分页 */
.pager{display:flex;align-items:center;justify-content:center;gap:6px;padding:22px 0 6px}
.pager a,.pager span{min-width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#666;background:#f7f8fa;border-radius:8px;transition:.2s;padding:0 6px}
.pager a:hover{color:#fff;background:#00aa66}
.pager .cur{background:#00aa66;color:#fff;font-weight:600}
.pager .dots{background:none}
.pager .prev,.pager .next{padding:0 14px}

/* 空态 */
.lp-empty{padding:60px 20px;text-align:center;color:#999;font-size:14px}
.lp-empty .ico{font-size:40px;display:block;margin-bottom:10px}

/* 错误占位 */
.lp-error{max-width:1200px;margin:30px auto;padding:60px 20px;text-align:center;color:#999;font-size:15px;background:#fff;border-radius:8px}

/* 户型详情 */
.hx-detail-layout{display:grid;grid-template-columns:1fr 320px;gap:16px}
.hx-detail-main .pic{width:100%;border-radius:10px;overflow:hidden;background:#fff}
.hx-detail-main .pic img{width:100%;display:block}
.hx-param{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#eef0f3;border-radius:10px;overflow:hidden;margin-top:16px}
.hx-param .p{background:#fff;padding:14px;text-align:center}
.hx-param .p .k{font-size:12px;color:#999}
.hx-param .p .v{margin-top:5px;font-size:16px;color:#222;font-weight:700}
.hx-side .map{width:100%;border-radius:10px;overflow:hidden}
.hx-side .map img{width:100%;display:block}

@media (max-width:768px){
  .hx-detail-layout{grid-template-columns:1fr}
}

/* 通用留资弹窗（与详情页一致，确保子页按钮也可弹窗） */
.fd-modal{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center}
.fd-modal .fd-mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.fd-modal .fd-box{position:relative;width:360px;background:#fff;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.22);padding:0;overflow:hidden}
.fd-modal .fd-head{background:#00aa66;color:#fff;padding:16px 20px;display:flex;align-items:center}
.fd-modal .fd-title{font-size:17px;font-weight:700;flex:1}
.fd-modal .fd-close{font-size:22px;line-height:1;cursor:pointer;opacity:.8}
.fd-modal .fd-close:hover{opacity:1}
.fd-modal .fd-body{padding:22px 20px 24px}
.fd-modal .fd-tip{font-size:13px;color:#666;line-height:1.7;margin-bottom:16px}
.fd-modal .fd-phone{width:100%;height:44px;border:1px solid #e3e6ea;border-radius:8px;padding:0 14px;font-size:15px;outline:none;box-sizing:border-box}
.fd-modal .fd-phone:focus{border-color:#00aa66}
.fd-modal .fd-submit{width:100%;height:44px;background:#00aa66;color:#fff;border:none;border-radius:8px;font-size:16px;margin-top:14px;cursor:pointer}
.fd-modal .fd-submit:disabled{opacity:.6;cursor:not-allowed}
.fd-modal .fd-msg{font-size:13px;margin-top:12px;text-align:center}

/* 楼盘动态 / 新闻资讯 详情正文 */
.lp-detail-card .sub-title{font-size:12px;color:#999;text-align:center;padding:14px 0;border-bottom:1px dashed #eef0f3}
.lp-detail-card .content{font-size:15px;line-height:1.9;color:#333;padding:20px 4px 8px}
.lp-detail-card .content p{margin:0 0 16px}
.lp-detail-card .content img{max-width:100%;border-radius:8px;display:block;margin:8px auto}
.lp-detail-card .content h1,.lp-detail-card .content h2,.lp-detail-card .content h3{color:#222;margin:20px 0 12px}
.lp-detail-card .content a{color:#00aa66}