/* 云溪牙行 · 地契册 */
.cth-wrap { display: flex; gap: 10px; align-items: flex-start; }
.cth-zones { flex: 0 0 30%; display: flex; flex-direction: column; gap: 4px; max-height: 238px; overflow: auto; }
.cth-right { flex: 1; min-width: 0; max-height: 238px; display: flex; flex-direction: column; }
.cth-scroll { flex: 1 1 auto; overflow: auto; min-height: 0; }
.cth-foot { flex: none; border-top: 1px solid rgba(90,60,35,.3); padding-top: 4px; }
.cth-foot .ic-desc { margin: 2px 0 4px; }
.cth-wrap button.cth-z { flex: 0 0 auto; }
.cth-wrap button.cth-z, .cth-wrap button.cth-lot, .cth-wrap button.cth-t {background-image: none !important; border-image: none !important; box-shadow: none; min-height: 0; height: auto; line-height: 1.35; color: #3b2a1a !important; text-shadow: none; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; text-align: left; padding: 6px 8px; border: 1px solid rgba(90,60,35,.45) !important; background-color: rgba(250,244,228,.55) !important; border-radius: 4px; cursor: pointer; font: inherit; color: inherit; }
.cth-z span, .cth-lot span, .cth-t span { font-size: 12px; opacity: .75; }
.cth-wrap button.cth-z.on, .cth-wrap button.cth-lot.on, .cth-wrap button.cth-t.on { border-color: #a8392b !important; background-color: rgba(226,190,130,.75) !important; box-shadow: 0 0 0 1px #a8392b !important; }
.cth-z.off { opacity: .55; cursor: default; }
.cth-lots { display: flex; gap: 6px; margin: 6px 0; flex-wrap: wrap; }
.cth-lot { flex: 1 1 140px; }
.cth-tiers { display: flex; gap: 6px; margin: 6px 0; }
.cth-t { flex: 1 1 0; min-width: 0; align-items: stretch; }
.cth-pv { width: 100%; background-repeat: no-repeat; background-size: 100% 100%; image-rendering: pixelated; margin-bottom: 4px; }
.cth-right .cth-pv { max-width: 300px; }
@media (max-width: 640px) { .cth-wrap { flex-direction: column; } .cth-zones { flex-direction: row; flex-wrap: wrap; flex: none; max-height: none; } .cth-tiers { flex-direction: column; } }

.cth-right .bn-go { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.cth-t .cth-pv { max-height: 78px; background-position: center bottom; background-size: contain; }

.cth-wrap .cth-z b, .cth-wrap .cth-z span, .cth-wrap .cth-lot b, .cth-wrap .cth-lot span, .cth-wrap .cth-t b, .cth-wrap .cth-t span { display: block; line-height: 1.25; margin: 0; }
.cth-wrap .cth-lot span { font-size: 11px; }
.cth-wrap .bn-card .ic-desc { margin: 4px 0; font-size: 13px; }