*{margin:0;padding:0;box-sizing:border-box;}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;}#map{width:100vw;height:100vh;}.search-panel{position:absolute;top:20px;left:20px;width:360px;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);z-index:1000;}.search-header{padding:20px;border-bottom:1px solid #eee;}.search-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:10px;}.search-input:focus{border-color:#FF9800;outline:none;}.filter-tabs{display:flex;gap:10px;margin-bottom:15px;}.filter-tab{flex:1;padding:8px;text-align:center;background:#f5f5f5;border-radius:4px;cursor:pointer;font-size:14px;color:#666;transition:all 0.3s;}.filter-tab:hover{background:#fff3e0;color:#FF9800;}.filter-tab.active{background:#FF9800;color:#fff;}.house-list{overflow-y:auto;padding:10px;}.house-item{padding:15px;border-bottom:1px solid #eee;cursor:pointer;transition:all 0.3s;background:#fff;border-radius:8px;margin-bottom:10px;box-shadow:0 2px 8px rgba(0,0,0,0.05);}.house-item:hover{background:#f5f5f5;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);}.house-item.active{background:#fff3e0;border-left:4px solid #FF9800;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,152,0,0.2);}.house-item.active:hover{background:#fff3e0;}.house-title{font-size:16px;font-weight:500;margin-bottom:8px;color:#333;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;}.house-title .type-tag{flex-shrink:0;}.house-title .title-text{overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;}.type-tag{padding:2px 8px;border-radius:4px;font-size:12px;color:#fff;}.type-tag.house{background-color:#FF9800;}.type-tag.field{background-color:#4CAF50;}.type-tag.forest{background-color:#2196F3;}.house-info{display:flex;gap:15px;margin-bottom:8px;color:#666;font-size:14px;}.house-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}.tag{padding:2px 8px;background:#f5f5f5;border-radius:4px;font-size:12px;color:#666;}.price{color:#f5222d;font-size:18px;font-weight:500;}.unit{font-size:14px;color:#999;}.house-price-actions-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:10px;}.house-actions{display:flex;gap:6px;flex-shrink:0;}.house-actions:has(.house-btn:only-child){justify-content:flex-end;}.house-btn{flex:0 0 auto;padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:11px;cursor:pointer;text-decoration:none;text-align:center;transition:all 0.3s;background:#fff;color:#666;min-width:80px;}.house-btn:only-child{flex:0 0 auto;min-width:80px;}.house-btn:hover{border-color:#FF9800;color:#FF9800;}.house-btn.detail:hover{background:#fff3e0;}.house-btn.panorama:hover{background:#e8f5e8;border-color:#4CAF50;color:#4CAF50;}.marker-cluster{background:none !important;}.marker-cluster div{width:50px !important;height:50px !important;margin-left:-25px !important;margin-top:-25px !important;border-radius:50% !important;color:#fff !important;text-align:center !important;font-size:16px !important;font-weight:bold !important;line-height:50px !important;border:3px solid #fff !important;transition:all 0.3s ease !important;}.marker-cluster:hover div{transform:scale(1.1) !important;}.marker-cluster-house div{background:linear-gradient(135deg,#FF9800,#F57C00) !important;box-shadow:0 4px 12px rgba(255,152,0,0.3) !important;}.marker-cluster-house:hover div{box-shadow:0 6px 16px rgba(255,152,0,0.4) !important;}.marker-cluster-field div{background:linear-gradient(135deg,#4CAF50,#388E3C) !important;box-shadow:0 4px 12px rgba(76,175,80,0.3) !important;}.marker-cluster-field:hover div{box-shadow:0 6px 16px rgba(76,175,80,0.4) !important;}.marker-cluster-forest div{background:linear-gradient(135deg,#2196F3,#1976D2) !important;box-shadow:0 4px 12px rgba(33,150,243,0.3) !important;}.marker-cluster-forest:hover div{box-shadow:0 6px 16px rgba(33,150,243,0.4) !important;}.marker-cluster-mixed div{background:linear-gradient(135deg,#FF9800,#F57C00) !important;box-shadow:0 4px 12px rgba(255,152,0,0.3) !important;}.marker-cluster-mixed:hover div{box-shadow:0 6px 16px rgba(255,152,0,0.4) !important;}.custom-marker{width:30px !important;height:30px !important;border-radius:50% !important;border:2px solid #fff !important;box-shadow:0 2px 5px rgba(0,0,0,0.2) !important;}.marker-house{background-color:#FF9800 !important;}.marker-field{background-color:#4CAF50 !important;}.marker-forest{background-color:#2196F3 !important;}.popup-content{width:390px;display:flex;gap:12px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;}.popup-left{flex:0 0 auto;width:100px;}.popup-right{flex:1;min-width:0;display:flex;flex-direction:column;}.popup-content h3{margin:0 0 8px 0;font-size:16px;font-weight:600;color:#333;line-height:1.3;word-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.popup-content .price{font-size:18px;font-weight:600;color:#f5222d;}.popup-content p{margin:0 0 8px 0;font-size:14px;color:#666;line-height:1.4;}.price-actions-row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:8px;flex-wrap:wrap;}.popup-actions{display:flex;gap:6px;flex-shrink:0;}.popup-actions:has(.popup-btn:only-child){justify-content:flex-end;}.popup-btn{flex:0 0 auto;padding:6px 10px;border:none;border-radius:4px;font-size:11px;cursor:pointer;text-decoration:none;text-align:center;transition:all 0.3s;min-width:70px;white-space:nowrap;}.popup-btn:only-child{flex:0 0 auto;min-width:70px;}.popup-btn.detail{background:#FF9800;color:#fff;}.popup-btn.detail:hover{background:#F57C00;}.popup-btn.panorama{background:#4CAF50;color:#fff;}.popup-btn.panorama:hover{background:#388E3C;}.house-actions{margin-top:12px;display:flex;gap:6px;justify-content:flex-end;}.house-actions:has(.house-btn:only-child){justify-content:flex-end;}.house-btn{flex:0 0 auto;padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:11px;cursor:pointer;text-decoration:none;text-align:center;transition:all 0.3s;background:#fff;color:#666;min-width:80px;}.house-btn:only-child{flex:0 0 auto;min-width:80px;}.house-btn:hover{border-color:#FF9800;color:#FF9800;}.house-btn.detail:hover{background:#fff3e0;}.house-btn.panorama:hover{background:#e8f5e8;border-color:#4CAF50;color:#4CAF50;}.leaflet-control-zoom{position:absolute !important;right:20px !important;bottom:20px !important;top:auto !important;left:auto !important;}.popup-thumb{width:100px;height:80px;object-fit:cover;border-radius:6px;display:block;}.leaflet-popup-content-wrapper{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);padding:0;}.leaflet-popup-content{margin:0;padding:15px;width:420px !important;box-sizing:border-box;text-align:left;}.leaflet-popup-tip{background:#fff;}.filter-section{padding:15px;border-top:1px solid #f0f0f0;background:#fafafa;}.filter-item{margin-bottom:12px;display:flex;align-items:center;}.filter-item label{width:80px;font-size:14px;color:#333;font-weight:500;}.filter-select{flex:1;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;background:#fff;}.filter-select:focus{border-color:#FF9800;outline:none;box-shadow:0 0 0 2px rgba(255,152,0,0.2);}.floating-sidebar{position:absolute;top:20px;left:20px;width:380px;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.15);z-index:2000;display:flex;flex-direction:column;max-height:calc(100vh - 40px);overflow:hidden;}.search-header{padding:20px 20px 0 20px;border-bottom:1px solid #f0f0f0;background:#fff;border-radius:12px 12px 0 0;}.search-row{display:flex;align-items:center;gap:12px;margin-top:12px;}.search-input-container{position:relative;margin-bottom:0;flex:1;height:34px;}.search-input{width:100%;height:34px;padding:8px 40px 8px 10px;border:1px solid #e4e7ed;border-radius:8px;font-size:12px;background:#fafafa;transition:all 0.3s;box-sizing:border-box;}.search-input:focus{border-color:#FF9800;background:#fff;outline:none;box-shadow:0 0 0 2px rgba(255,152,0,0.1);}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#999;}.search-icon img{width:16px;height:16px;}.filter-tabs{display:flex;gap:8px;}.filter-tab{flex:1;padding:8px 12px;text-align:center;background:#f5f5f5;border-radius:6px;cursor:pointer;font-size:13px;color:#666;transition:all 0.3s;border:1px solid transparent;}.filter-tab:hover{background:#fff3e0;color:#FF9800;}.filter-tab.active{background:#FF9800;color:#fff;border-color:#FF9800;}.house-list{flex:1;overflow-y:auto;padding:0;background:#fff;}.house-item{padding:16px 20px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all 0.3s;background:#fff;}.house-item:hover{background:#f8f9fa;}.house-item.active{background:#fff3e0;border-left:4px solid #FF9800;}.house-title{font-size:15px;font-weight:500;margin-bottom:8px;color:#333;display:flex;align-items:center;gap:8px;line-height:1.4;}.type-tag{padding:2px 8px;border-radius:4px;font-size:11px;color:#fff;flex-shrink:0;}.type-tag.house{background-color:#FF9800;}.type-tag.field{background-color:#4CAF50;}.type-tag.forest{background-color:#2196F3;}.house-info{display:flex;gap:12px;margin-bottom:8px;color:#666;font-size:13px;flex-wrap:wrap;}.house-price-actions-row{display:flex;align-items:center;justify-content:space-between;gap:10px;}.price{color:#f5222d;font-size:16px;font-weight:600;}.unit{font-size:12px;color:#999;}.house-actions{display:flex;gap:6px;flex-shrink:0;}.house-btn{padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:11px;cursor:pointer;text-decoration:none;text-align:center;transition:all 0.3s;background:#fff;color:#666;white-space:nowrap;}.house-btn:hover{border-color:#FF9800;color:#FF9800;background:#fff3e0;}.house-btn.panorama:hover{border-color:#4CAF50;color:#4CAF50;background:#e8f5e8;}.no-results{height:200px;padding:80px 20px;text-align:center;color:#999;font-size:14px;}.results-count{padding:6px 20px;background:#f8f9fa;border-bottom:1px solid #f0f0f0;font-size:12px;color:#666;text-align:center;}.display{padding:5px 0 15px 0;background:#fff;margin-top:8px;}.toggle-button{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all 0.3s ease;font-size:13px;color:#666;}.toggle-button:hover{color:#FF9800;}.toggle-icon{font-size:10px;transition:transform 0.3s ease;}.toggle-button.collapsed .toggle-icon{transform:rotate(180deg);}.toggle-button.collapsed .toggle-text{color:#FF9800;}.house-list.hidden{display:none;}.house-list{transition:opacity 0.3s ease,transform 0.3s ease;}.house-list.hidden{opacity:0;transform:translateX(-10px);}#city{padding:0;border-bottom:none;background:transparent;width:100px;flex-shrink:0;height:34px;}.cascader-input{width:100%;height:34px;display:flex;align-items:center;padding:8px 20px 8px 6px;border:1px solid #e4e7ed;border-radius:8px;background:#fafafa;font-size:12px;color:#333;cursor:pointer;position:relative;transition:all 0.3s;box-sizing:border-box;}.cascader-input:hover{border-color:#FF9800;background:#fff;}.cascader-input.active{border-color:#FF9800;background:#fff;box-shadow:0 0 0 2px rgba(255,152,0,0.1);}.cascader-input .arrow{position:absolute;right:6px;top:50%;transform:translateY(-50%);color:#999;font-size:12px;transition:transform 0.3s;flex-shrink:0;}#cascaderDisplay{flex:1;overflow:hidden;text-overflow:clip;white-space:nowrap;font-size:12px;min-width:0;text-align:center;}.cascader-input.active .arrow{transform:translateY(-50%) rotate(180deg);}.cascader-dropdown{font-size:12px;position:absolute;left:0;top:100%;width:338px;background:#fff;border:1px solid #f0f0f0;border-radius:6px;box-shadow:0 2px 12px rgba(0,0,0,0.2);margin-top:4px;z-index:1000;display:none;}.cascader-dropdown.show{display:block;}.cascader-panel{display:flex;width:100%;height:200px;background:#fff;border-radius:8px;}.cascader-column{flex:1;min-width:112px;height:200px;overflow-y:auto;border-right:1px solid #f0f0f0;background:#fff;}.cascader-column:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px;}.cascader-column:last-child{border-right:none;border-top-right-radius:8px;border-bottom-right-radius:8px;}.cascader-option{padding:10px;cursor:pointer;color:#333;display:flex;align-items:center;justify-content:space-between;transition:all 0.3s;}.cascader-option:hover{background:#f5f7fa;color:#FF9800;}.cascader-option.selected{background:#fff3e0;color:#FF9800;font-weight:500;}.cascader-option.has-children::after{content:'>';color:#bfbfbf;margin-left:8px;}.cascader-option.selected.has-children::after{color:#FF9800;}.home-button{position:absolute;top:20px;right:20px;background:#FF9800;color:#fff;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;box-shadow:0 2px 8px rgba(255,152,0,0.3);transition:all 0.3s ease;z-index:1000;}.home-button:hover{background:#F57C00;box-shadow:0 4px 12px rgba(255,152,0,0.4);transform:translateY(-1px);}