* { margin:0; padding:0; box-sizing:border-box; }
        body { font-family:'PingFang SC','Microsoft YaHei',sans-serif; background:#F5F7FA; color:#1e2a3a; }
        a { text-decoration:none; color:inherit; }
        .container { max-width:1200px; margin:0 auto; padding:0 20px; }
        .search-main { padding:24px 0 40px; }
        .search-header { display:flex; align-items:center; gap:12px; margin-bottom:20px; }
        .search-header h2 { font-size:20px; font-weight:600; }
        .search-header .keyword { color:#08C7A3; }
        .search-header .count { color:#8a9aa8; font-size:14px; }
        .doctor-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:16px; }
        .doctor-card { background:#fff; border-radius:14px; padding:20px; box-shadow:0 1px 6px rgba(0,0,0,0.04); display:flex; gap:16px; transition:box-shadow 0.2s; cursor:pointer; }
        .doctor-card:hover { box-shadow:0 4px 16px rgba(0,0,0,0.08); }
        .doctor-card .avatar { width:100px; height:100px; border-radius:50%; object-fit:cover; background:#eef2f7; flex-shrink:0; }
        .doctor-card .info { flex:1; min-width:0; display:flex; flex-direction:column; gap:4px; }
        .doctor-card .info .row1 { display:flex; align-items:center; gap:8px; }
        .doctor-card .info .row1 .name { font-size:16px; font-weight:600; }
        .doctor-card .info .row1 .title { font-size:12px; color:#08C7A3; background:#E6F9F4; padding:1px 8px; border-radius:8px; }
        .doctor-card .info .row2 { font-size:13px; color:#6a7a8e; }
        .doctor-card .info .row2 .hospital { color:#08C7A3; }
        .doctor-card .info .row2 .sep { margin:0 4px; color:#d0d5db; }
        .doctor-card .info .row3 { font-size:13px; color:#8a9aa8; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
        @media (max-width:768px){ .doctor-card .info .row3 { white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } }
        .doctor-card .info .row4 { font-size:12px; color:#e87070; font-weight:500; text-align:right; }
        .result-stats { font-size:15px; color:#4a5a6e; margin-bottom:20px; padding:12px 16px; background:#fff; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,0.04); }
        .empty-state { text-align:center; padding:60px 20px; color:#8a9aa8; }
        .empty-state i { font-size:48px; opacity:0.4; }
        .empty-state p { margin-top:12px; font-size:15px; }
        .load-more-wrap { text-align:center; margin-top:24px; }
        .load-more-btn { display:inline-block; padding:10px 40px; background:#fff; border:1px solid #08C7A3; color:#08C7A3; border-radius:20px; font-size:14px; cursor:pointer; transition:all 0.2s; }
        .load-more-btn:hover { background:#08C7A3; color:#fff; }
        .load-more-btn.hidden { display:none; }
        
        .dropdown-panel-wide { min-height:260px; max-height:400px; width:380px; padding:0; }
        .area-picker { display:flex; height:100%; min-height:260px; }
        .area-left { width:100px; border-right:1px solid #eef2f7; overflow-y:auto; background:#fafbfc; flex-shrink:0; }
        .area-right { flex:1; overflow-y:auto; padding:6px; }
        .prov-item { padding:8px 8px; font-size:13px; cursor:pointer; color:#1e2a3a; border-bottom:1px solid #f0f2f5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
        .prov-item:hover { background:#eef2f7; }
        .prov-item.active { background:#fff; color:#08C7A3; font-weight:600; position:relative; }
        .prov-item.active::after { content:''; position:absolute; right:0; top:0; bottom:0; width:2px; background:#08C7A3; }
        .prov-item.hot-prov { font-weight:600; color:#e87070; }
        .city-group { display:grid; grid-template-columns:1fr 1fr; gap:2px; }
        .city-item { padding:8px 10px; font-size:13px; cursor:pointer; color:#1e2a3a; border:1px solid #f0f2f5; border-radius:4px; text-align:center; }
        .city-item:hover { background:#eef2f7; border-color:#d0d5db; }
        .city-item.active { color:#08C7A3; font-weight:600; background:#f0fcf9; border-color:#08C7A3; }
        .city-item .city-prov { font-size:11px; color:#8a9aa8; display:block; font-weight:400; }
        
        .dropdown-panel-wide { min-height:260px; max-height:400px; width:380px; padding:0; }
        .area-picker { display:flex; height:100%; min-height:260px; }
        .area-left { width:100px; border-right:1px solid #eef2f7; overflow-y:auto; background:#fafbfc; flex-shrink:0; }
        .area-right { flex:1; overflow-y:auto; padding:6px; }
        .prov-item { padding:8px 8px; font-size:13px; cursor:pointer; color:#1e2a3a; border-bottom:1px solid #f0f2f5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
        .prov-item:hover { background:#eef2f7; }
        .prov-item.active { background:#fff; color:#08C7A3; font-weight:600; position:relative; }
        .prov-item.active::after { content:''; position:absolute; right:0; top:0; bottom:0; width:2px; background:#08C7A3; }
        .prov-item.hot-prov { font-weight:600; color:#e87070; }
        .city-group { display:grid; grid-template-columns:1fr 1fr; gap:2px; }
        .city-item { padding:8px 10px; font-size:13px; cursor:pointer; color:#1e2a3a; border:1px solid #f0f2f5; border-radius:4px; text-align:center; }
        .city-item:hover { background:#eef2f7; border-color:#d0d5db; }
        .city-item.active { color:#08C7A3; font-weight:600; background:#f0fcf9; border-color:#08C7A3; }
        .city-item .city-prov { font-size:11px; color:#8a9aa8; display:block; font-weight:400; }
        .logo-img { width:56px; height:56px; border-radius:12px; object-fit:cover; flex-shrink:0; }
        .load-more-wrap { text-align:center; margin-top:24px; }
        .load-more-btn { display:inline-block; padding:10px 40px; background:#fff; border:1px solid #08C7A3; color:#08C7A3; border-radius:20px; font-size:14px; cursor:pointer; transition:all 0.2s; }
        .load-more-btn:hover { background:#08C7A3; color:#fff; }
        .load-more-btn.hidden { display:none; }