#cesiumContainer,body,html{height:100%;width:100%;position:absolute;top:0;left:0;margin:0;padding:0;overflow:hidden}.cesium-container{position:relative;height:100%;width:100%}.search-container{position:absolute;top:10px;left:10px;z-index:1000;width:300px}.search-box{display:flex;margin-bottom:5px}.search-input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px 0 0 4px;font-size:14px}.search-button{padding:8px 15px;background-color:#0078d4;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer;transition:background-color .3s}.search-button:hover{background-color:#005bb5}.poi-results{background:hsla(0,0%,100%,.95);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);max-height:500px;overflow-y:auto}.poi-item{padding:12px;border-bottom:1px solid #eee;cursor:pointer;transition:all .2s;display:flex;flex-direction:column}.poi-item:hover{background-color:#f8f9fa;transform:translateX(2px)}.poi-name{font-weight:700;margin-bottom:8px;color:#333;font-size:15px}.poi-info{font-size:13px;color:#666;margin-bottom:8px}.poi-address,.poi-level,.poi-rating,.poi-tel{margin-bottom:4px;display:flex;align-items:center}.poi-address i,.poi-level i,.poi-rating i,.poi-tel i{margin-right:6px;color:#0078d4;width:16px;text-align:center}.poi-location{font-size:12px;color:#888;margin-top:4px}.poi-photo-preview{margin-top:8px}.poi-photo-preview img{width:100%;max-height:120px;-o-object-fit:cover;object-fit:cover;border-radius:4px;cursor:zoom-in;transition:transform .2s}.poi-photo-preview img:hover{transform:scale(1.02)}.poi-result-header{position:sticky;top:0;background:#fff;z-index:1;padding:12px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.poi-result-header h3{margin:0;font-size:16px;color:#333}.clear-button{background:none;border:none;color:#999;cursor:pointer;padding:5px;font-size:16px}.clear-button:hover{color:#666}.geology-toggle-button{position:absolute;top:10px;right:80px;z-index:1000;padding:8px 12px;font-size:14px;color:#fff;background-color:#0078d4;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;gap:5px}.geology-toggle-button:hover{background-color:#005bb5}.draw-button{position:absolute;top:10px;right:300px;z-index:1000;padding:8px 12px;font-size:14px;color:#fff;background-color:#0078d4;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.draw-button:hover{background-color:#005bb5}.day-night-toggle{position:absolute;bottom:90px;right:10px;z-index:1000;width:30px;padding:8px 8px;font-size:14px;color:#000;background-color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.day-night-toggle:hover{background-color:#deb03e}#cesiumContainer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.sidebar{position:absolute;bottom:20px;left:20px;width:250px;height:233px;background:hsla(0,0%,100%,.8);padding:10px;border-radius:5px;z-index:1000;font-family:Arial,sans-serif;font-size:14px}.geology-data{margin-bottom:20px}.geology-data h3{margin:0 0 10px;font-size:16px;font-weight:700}.elevation-profile{position:absolute;top:50px;left:10px;background:hsla(0,0%,100%,.8);padding:10px;border-radius:5px;z-index:1000;width:400px;height:300px;font-family:Arial,sans-serif}.elevation-profile h3{margin:0 0 10px;font-size:16px;font-weight:700}.elevation-profile canvas{width:100%;height:100%}.feature-info{position:absolute;top:50px;left:420px;background:hsla(0,0%,100%,.6);padding:10px;border-radius:5px;z-index:1000;width:300px;font-family:Arial,sans-serif}.feature-info h3{margin:0 0 10px;font-size:16px;font-weight:700}.close-button{padding:5px 10px;font-size:14px;background-color:#dc3545;border-radius:4px;transition:background-color .3s ease}.close-button:hover{background-color:#a71d2a}.draw-rectangle-button{top:10px;padding:8px 12px;font-size:14px;background-color:#28a745;border-radius:4px;transition:background-color .3s ease}.draw-rectangle-button:hover{background-color:#97d7ef}.compass-button{position:absolute;top:11.6px;right:400px;z-index:1000;padding:8px 12px;font-size:16px;color:#fff;background-color:#0078d4;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;width:40px;height:33px;display:flex;align-items:center;justify-content:center}.compass-button:hover{background-color:#138496;transform:scale(1.1)}.compass-button i{transition:transform .3s ease}.compass-button:hover i{transform:rotate(15deg)}.road-network-button{position:absolute;bottom:3px;right:10px;z-index:1000;width:30px;padding:8px 8px;font-size:14px;color:#000;background-color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.road-network-button:hover{background-color:#58bfcf}.location-button{position:absolute;bottom:175px;right:10px;z-index:1000;width:30px;padding:8px 8px;font-size:14px;color:#000;background-color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.location-button:hover{background-color:#b5d4e8}.terrain-toggle-button{position:absolute;bottom:46px;right:10px;z-index:1000;width:30px;padding:8px 8px;font-size:14px;color:#000;background-color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.terrain-toggle-button:hover{background-color:#60d56f}.user-avatar-container{position:absolute;top:8px;right:20px;z-index:1000}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:#0078d4;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:24px;z-index:1000}.user-avatar:hover{transform:scale(1.1);box-shadow:0 0 10px rgba(0,0,0,.2)}.user-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.user-avatar.logged-in{background-color:#4caf50}.user-menu{width:230px;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);overflow:hidden}.user-info{display:flex;align-items:center;margin-bottom:25px;gap:16px}.username{font-weight:700;margin-bottom:4px}.email{font-size:12px;color:#666}.menu-item{padding:6px 8px;height:27px;cursor:pointer;transition:background-color .2s}.login-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.login-content{background:#fff;border-radius:8px;width:350px;max-width:90%;box-shadow:0 4px 20px rgba(0,0,0,.2)}.login-header{padding:16px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.login-header h3{margin:0;font-size:18px}.login-body{padding:20px}.form-group{margin-bottom:20px}.form-group label{margin-bottom:6px}.form-group input{width:95%;padding:8px 6px}.login-button{width:100%;padding:10px;background-color:#0078d4;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s;height:40px;width:303px}.login-button:hover{background-color:#005bb5}.poi-list-container{max-height:300px;overflow-y:auto;margin-top:10px;border-top:1px solid #eee;padding-top:10px}.poi-list-container h4{margin:0 0 10px;padding:0 12px;font-size:14px;color:#333}.poi-list{padding:0 12px}.poi-list .poi-item{padding:8px 0;transition:background-color .2s}.poi-list .poi-item:hover{background-color:#f8f8f8}.poi-list .poi-name{font-weight:700;font-size:13px;margin-bottom:4px}.poi-list .poi-desc{font-size:12px;color:#666;margin-bottom:4px}.poi-list .poi-time{font-size:11px;color:#999}.loading,.no-data{text-align:center;padding:10px;font-size:12px;color:#666}.user-menu{max-height:80vh;overflow-y:auto}.add-poi-button{position:absolute;top:10.5px;right:391px;z-index:1000;padding:8px 12px;font-size:14px;color:#fff;background-color:#9c27b0;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px}.add-poi-button:hover{background-color:#7b1fa2}.poi-form-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.poi-form-content{background:#fff;padding:20px;border-radius:8px;width:400px;max-width:90%}.image-preview{position:relative;margin-top:10px;display:inline-block}.remove-image-button{position:absolute;top:-10px;right:-10px;width:20px;height:20px;border-radius:50%;background:#f44;color:#fff;border:none;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.remove-image-button:hover{background:#c00}input[type=file]{display:block;margin-top:5px;padding:5px;border:1px solid #ddd;border-radius:4px;width:100%}.poi-image-preview{margin-top:8px}.poi-image-preview img{max-width:100%;max-height:80px;border-radius:4px;-o-object-fit:cover;object-fit:cover}.poi-list .poi-item{padding:12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s}.poi-list .poi-item:hover{background-color:#f8f9fa}.poi-image-loading{background:#f5f5f5}.poi-image-loading:after{content:"图片加载中...";color:#999;font-size:12px}.load-more-button{width:100%;padding:8px;margin-top:8px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;transition:all .2s}.load-more-button:hover{background-color:#e9e9e9;color:#333}.pagination{display:flex;justify-content:center;margin-top:15px;padding:10px 0;border-top:1px solid #eee}.loading{color:#666}.loading,.no-data{text-align:center;padding:10px;font-size:12px}.no-data{color:#999}.page-btn.ellipsis{cursor:default;background:transparent;border:none;min-width:20px}.page-info{margin-left:8px;font-size:11px;color:#666}.form-actions{display:flex;justify-content:center;gap:12px;margin-top:16px}.save-button{padding:8px 20px;background-color:#0078d4;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s}.save-button:hover{background-color:#005bb5}.cancel-button{padding:8px 20px;font-size:14px;transition:background-color .2s}.cancel-button:hover{background-color:#a71d2a}.poi-search-box{position:relative;display:flex;margin-bottom:10px;border:1px solid #ddd;border-radius:4px;overflow:hidden}.poi-search-input{flex:1;padding:8px 12px;border:none;outline:none;font-size:13px}.track-search-box{position:relative;display:flex;margin-bottom:10px;border:1px solid #ddd;border-radius:4px;overflow:hidden}.track-search-input{flex:1;padding:8px 12px;border:none;outline:none;font-size:11px}.poi-search-button{padding:0 12px;background-color:#f5f5f5;border:none;border-left:1px solid #ddd;cursor:pointer;color:#666;transition:all .2s}.poi-search-button:hover{background-color:#e9e9e9}.poi-search-clear{padding:0 12px;background-color:#f5f5f5;border:none;border-left:1px solid #fdaeae;cursor:pointer;color:#999;transition:all .2s}.poi-search-clear:hover{color:#666;background-color:#e9e9e9}.switch-form{margin-top:15px;text-align:center;font-size:13px;color:#666}.switch-form a{color:#0078d4;cursor:pointer;text-decoration:underline}.switch-form a:hover{color:#005bb5}.register-button{width:100%;padding:10px;background-color:#28a745;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.register-body{padding:20px 30px}.form-group label{margin-bottom:8px;font-weight:500;color:#444}input::-moz-placeholder{color:#999;font-size:13px}input::placeholder{color:#999;font-size:13px}.mail-login-body{padding:20px}.login-options{margin-top:15px;text-align:center}.login-options a{color:#0078d4;cursor:pointer;font-size:13px}.login-options a:hover{text-decoration:underline}.captcha-group{position:relative}.captcha-input{display:flex;gap:10px}.captcha-input input{flex:1}.send-captcha-btn{width:120px;padding:8px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s}.send-captcha-btn.disabled{background-color:#6c757d;cursor:not-allowed}.send-captcha-btn:not(.disabled):hover{background-color:#218838}.send-registerCaptcha-btn{width:120px;padding:8px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s}.send-registerCaptcha-btn.disabled{background-color:#6c757d;cursor:not-allowed}.send-registerCaptcha-btn:not(.disabled):hover{background-color:#218838}.coordinate-pick-button{position:absolute;bottom:133px;right:10px;z-index:1000;padding:8px 8px;font-size:14px;color:#000 0;background-color:#edefef;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px;width:30px}.coordinate-pick-button.active{background-color:#9690e3;box-shadow:0 0 8px rgba(23,162,184,.5)}.coordinate-panel{position:absolute;bottom:65px;right:60px;background:hsla(0,0%,100%,.9);padding:12px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:1000;min-width:130px}.coordinate-item{margin:4px 0;display:flex;justify-content:space-between;align-items:center}.coordinate-item label{color:#666;font-size:13px;margin-right:8px}.coordinate-item span{font-weight:700;color:#333;font-size:13px}.copy-button{position:absolute;top:1px;right:5px;background:none;border:none;color:#666;padding:4px;cursor:pointer;transition:color .2s}.copy-button:hover{color:#333}.coordinate-trigger{position:absolute;top:10px;left:320px;z-index:1000;width:33px;height:33px;background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.coordinate-trigger:hover{transform:scale(1.1);background:#f8f9fa}.coordinate-trigger i{color:#0078d4;font-size:20px}.coordinate-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.coordinate-input-box{background:#fff;border-radius:8px;width:320px;padding:16px;box-shadow:0 4px 12px rgba(0,0,0,.25)}.input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.input-header h4{margin:0;font-size:16px;color:#333}.close-btn{color:#999;padding:4px}.close-btn:hover{color:#666}.input-body{position:relative}.input-body input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:8px;width:295px}.input-body input:focus{border-color:#0078d4;outline:none}.error-msg{color:#dc3545;font-size:12px;min-height:18px;margin-bottom:8px}.confirm-btn{display:block;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:10px 24px;transition:background .3s}.delete-btn{position:absolute;right:1px;top:27px;padding:4px;z-index:1;opacity:.7;transition:all .2s}.delete-btn:hover{opacity:1;transform:scale(1.1)}.poi-item{position:relative;padding-right:30px}.poi-header{position:relative;margin-bottom:4px}.keyword-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.keyword-input-box{background:#fff;border-radius:8px;padding:20px;width:300px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.keyword-input-box .input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.keyword-input-box h4{margin:0;font-size:16px;color:#333}.keyword-input-box input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;margin-bottom:12px}.keyword-input-box .confirm-btn{width:100%;padding:10px;background:#0078d4;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s}.keyword-input-box .confirm-btn:hover{background:#005bb5}.qduecd-sidebar{position:absolute;top:60px;right:20px;width:250px;max-height:60vh;background:hsla(0,0%,100%,.95);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;padding:12px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.qduecd-list{max-height:55vh;overflow-y:auto}.qduecd-item:hover{background:#e9ecef;transform:translateX(4px)}.qduecd-item.active{font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.2);transform:translateX(5px)}.qduecd-item.active:hover{background:#005bb5}.poi-tabs{display:flex;border-bottom:1px solid #eee;margin-bottom:10px}.tab-btn{flex:1;padding:8px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:13px;color:#666}.tab-btn.active{border-bottom-color:#0078d4;color:#0078d4;font-weight:700}.track-list-container{padding:0 12px}.track-name{color:#000}.add-track-btn-container,.track-list-container{margin-top:10px;padding-top:10px;border-top:1px solid #eee}.track-list-container{max-height:300px;overflow-y:auto}.track-list-content{max-height:200px;overflow-y:auto;margin-bottom:10px}.track-item{padding:10px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s}.track-item:hover{background-color:#f8f8f8}.track-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.track-name{font-weight:700;font-size:14px}.track-desc{font-size:12px;color:#666;margin-bottom:4px}.add-track-btn{width:100%;padding:8px;background-color:#1ea03c;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;margin-top:10px;margin-bottom:10px;margin-left:5px}.add-track-btn:hover{background-color:#218838}.track-upload-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.track-upload-content{background:#fff;border-radius:8px;width:400px;max-width:90%;box-shadow:0 4px 20px rgba(0,0,0,.2)}.upload-header{padding:16px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.upload-header h3{margin:0;font-size:18px}.upload-body{padding:20px}.file-preview{margin-top:8px;padding:8px;background:#f8f9fa;border-radius:4px;display:flex;align-items:center;gap:8px}.file-preview i{color:#0078d4}.upload-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.upload-button{padding:8px 16px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}.upload-button:disabled{background-color:#6c757d;cursor:not-allowed}.cancel-button{padding:8px 16px;background-color:#dc3545}.add-track-control-button,.cancel-button{color:#fff;border:none;border-radius:4px;cursor:pointer}.add-track-control-button{position:absolute;top:10px;right:450px;z-index:1000;padding:8px 12px;font-size:14px;background-color:#6f42c1;transition:all .3s ease;display:flex;align-items:center;gap:5px}.add-track-control-button:hover{background-color:#5a32a3}.user-menu{z-index:1001;position:absolute;right:0;top:50px}.login-modal,.track-upload-modal{z-index:2000}.track-time{font-size:10px;color:#666;margin-bottom:4px}.time-row{display:flex;margin-bottom:2px}.time-label{width:50px;color:#888}.time-value{flex:1}.track-info{display:flex;justify-content:space-between;font-size:10px;color:#666}.track-list-container h4{color:#000;font-size:14px;margin:0 0 10px}.track-item{position:relative;padding-right:30px}.track-header .delete-btn{position:absolute;right:1px;top:1px;background:none;border:none;color:#ff6b6b;cursor:pointer;padding:4px;z-index:1;transition:all .2s}.track-header .delete-btn:hover{opacity:1;transform:scale(1.1)}.buffer-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.buffer-content{background:#fff;border-radius:8px;width:320px;box-shadow:0 4px 20px rgba(0,0,0,.2)}.buffer-header{padding:12px 16px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.buffer-header h4{margin:0;font-size:16px;color:#333}.buffer-body{padding:20px}.buffer-body .form-group{margin-bottom:20px}.buffer-body input{width:96%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.buffer-actions{display:flex;justify-content:flex-end;gap:10px}.confirm-btn{padding:8px 20px;background:#0078d4;color:#fff;height:38px;width:160px;left:3px}.cancel-btn,.confirm-btn{border:none;border-radius:4px;cursor:pointer}.cancel-btn{padding:8px 27px;background:#f0f0f0;color:#333}.confirm-btn:hover{background:#005bb5}.track-actions{display:flex;gap:5px}.loading-spinner{text-align:center;padding:20px;background:hsla(0,0%,100%,.9);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.2);width:80%;max-width:300px;display:flex;flex-direction:column;align-items:center}.loading-spinner i{font-size:36px;color:#0078d4;margin-bottom:10px}.loading-text{font-size:16px;color:#333;margin-bottom:15px}.buffer-loading-overlay,.loading-cancel-container{display:flex;justify-content:center;width:100%}.buffer-loading-overlay{position:absolute;top:0;left:0;height:100%;background:hsla(0,0%,100%,.8);align-items:center;z-index:10;border-radius:8px}.loading-cancel-btn{padding:8px 15px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s;display:flex;align-items:center;gap:5px}.loading-cancel-btn:hover{background-color:#c82333}.loading-cancel-btn i{font-size:14px;color:#fff;margin:0}.geology-detail-button{position:absolute;top:10px;right:560px;z-index:1000;padding:8px 12px;font-size:14px;color:#fff;background-color:#8a2be2;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px}.geology-detail-button:hover{background-color:#7a1fd2}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:3000}.image-modal-content{position:relative;max-width:90%;max-height:90%;background:#fff;border-radius:8px;padding:20px;text-align:center}.modal-image{max-width:100%;max-height:80vh;display:block;margin:0 auto}.image-info{margin-top:10px;font-size:14px;color:#333}.close-button{position:absolute;top:10px;right:10px;background:#dc3545;color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer}.geology-detail-button.active{background-color:#5a32a3;box-shadow:0 0 8px rgba(90,50,163,.5)}.clear-control-panel{position:absolute;top:1.2px;left:360px;z-index:1002;border-radius:6px;padding:8px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;flex-direction:column;gap:8px}.clear-btn{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:14px;transition:all .2s;min-width:120px}.clear-marker-btn{background-color:#f44;color:#fff}.clear-marker-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.add-polygon-panel{position:absolute;top:1.2px;right:500px;z-index:1002;border-radius:6px;padding:8px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;flex-direction:column;gap:8px}.add-polygon-btn{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:14px;transition:all .2s;min-width:120px;background-color:#3e4bdc;color:#fff}.add-polygon-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.clear-track-btn{background-color:#f80;color:#fff}.clear-track-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.clear-area-btn{background-color:#3429ca;color:#fff}.clear-area-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.clear-area-btn:not(:disabled):hover{background-color:#1f45a4;transform:scale(1.05)}.clear-marker-btn:not(:disabled):hover{background-color:#c00;transform:scale(1.05)}.clear-track-btn:not(:disabled):hover{background-color:#c60;transform:scale(1.05)}.stratum-info-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:3000}.stratum-info-content{background:#fff;border-radius:10px;width:400px;max-width:90%;box-shadow:0 5px 20px rgba(0,0,0,.3);overflow:hidden}.stratum-info-header{padding:15px 20px;background:#0078d4;color:#fff;display:flex;justify-content:space-between;align-items:center}.stratum-info-header h4{margin:0;font-size:18px}.stratum-info-header .close-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.stratum-info-body{padding:25px 20px;font-size:16px;line-height:1.6;text-align:center}.stratum-info-body p{margin:0}.age-highlight{font-weight:700;color:#e74c3c;font-size:18px}.stratum-info-card{position:absolute;top:80px;left:20px;width:280px;background:hsla(0,0%,100%,.95);border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,.15);z-index:1000;transition:all .3s ease;transform:translateX(-320px);opacity:0;visibility:hidden}.stratum-info-card.active{transform:translateX(0);opacity:1;visibility:visible}.card-header{padding:12px 16px;background:linear-gradient(135deg,#1a6dcc,#0d4a9e);border-radius:10px 10px 0 0;display:flex;justify-content:space-between;align-items:center}.card-header h4{margin:0;font-size:16px;color:#fff}.close-btn{background:hsla(0,0%,100%,.2);width:28px;height:28px;border-radius:50%;color:#fff;transition:all .2s}.close-btn:hover{background:hsla(0,0%,100%,.3);transform:rotate(90deg)}.card-body{padding:20px;max-height:70vh;overflow-y:auto}.stratum-header{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee}.stratum-name{font-size:20px;color:#0d4a9e;margin-bottom:5px}.stratum-tong{font-size:16px;color:#e74c3c;font-weight:500}.stratum-period{display:flex;justify-content:space-between;margin-bottom:20px}.period-item{text-align:center;flex:1}.period-label{display:block;font-size:13px;color:#666;margin-bottom:5px}.period-value{display:block;font-size:18px;font-weight:700;color:#1071f1}.stratum-description{font-size:14px;line-height:1.6;color:#444}.stratum-description .highlight{color:#e74c3c;font-weight:500}.empty-state{padding:30px 0}.empty-state i{font-size:48px;margin-bottom:15px;color:#d0d0d0}.empty-state p{margin:0}.qduecd-item{display:flex;flex-direction:column;padding:8px 12px;margin:4px 0;background:#f8f9fa;border-radius:4px;cursor:pointer;transition:all .2s}.stratum-name{font-size:16px;font-weight:700;line-height:1.3}.stratum-tong{font-size:13px;color:#ed2020;margin-top:3px}.qduecd-item.active{background:#0078d4;color:#fff}.qduecd-item.active .stratum-name{color:#fff}.qduecd-item.active .stratum-tong{color:gold}.draw-polygon-button{top:50px;right:70px;padding:8px 12px;font-size:14px;border-radius:4px;gap:5px}.draw-polygon-button:hover{background-color:#138496}.draw-rectangle-button{position:absolute;top:12px;right:190px;z-index:1000;width:33px;height:33px;padding:0;background-color:#fff;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.3)}.draw-rectangle-button:hover{background-color:#9eb4ef;transform:scale(1.1)}.draw-polygon-button{position:absolute;top:12px;right:140px;z-index:1000;width:33px;height:33px;padding:0;background-color:#fff;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.3)}.draw-polygon-button:hover{background-color:#a6e5ef;transform:scale(1.1)}.draw-polygon-button.active{background-color:#a3dee7;box-shadow:0 0 8px rgba(206,230,234,.5)}.profile-button{position:absolute;top:12px;right:240px;z-index:1000;width:33px;height:33px;padding:0;background-color:#fff;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.3)}.profile-button:hover{background-color:#cbec6e;transform:scale(1.1)}.profile-button i{font-size:16px}.geology-pick-icon-button{position:absolute;top:12px;right:90px;z-index:1000;width:33px;height:33px;padding:0;background-color:#fff;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.3)}.geology-pick-icon-button:hover{background-color:#42cb72;transform:scale(1.1)}.geology-pick-icon-button.active{background-color:#4cdc75;box-shadow:0 0 8px rgba(134,230,155,.849)}.geology-pick-icon-button i{font-size:16px}.geology-detail-icon-button{position:absolute;top:12px;right:290px;z-index:1000;width:33px;height:33px;padding:0;background-color:#fff;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.3)}.geology-detail-icon-button:hover{background-color:#caf5aa;transform:scale(1.1)}.geology-detail-icon-button.active{background-color:#acf0cb;box-shadow:0 0 8px rgba(207,200,218,.5)}.geology-detail-icon-button i{font-size:16px}.add-poi-icon-button{position:absolute;top:12px;right:340px;z-index:1000;width:33px;height:33px;padding:0;background-color:#fff;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.3)}.add-poi-icon-button:hover{background-color:#e0c2ec;transform:scale(1.1)}.add-poi-icon-button i{font-size:16px}.area-list-container{max-height:300px;overflow-y:auto;margin-top:10px;border-top:1px solid #eee;padding:10px 15px;box-sizing:border-box}.area-search-box{position:relative;display:flex;margin-bottom:10px;border:1px solid #ddd;border-radius:4px;overflow:hidden}.area-search-input{flex:1;padding:8px 8px;border:none;outline:none;font-size:11px}.delete-btn:hover{background:hsla(0,100%,71%,.1);color:#da5757}.exit-btn{position:absolute;background:none;top:6px;right:2px;border:none;color:#aaa2a2;cursor:pointer;padding:8px 8px;font-size:14px;border-radius:4px;transition:all .3s;z-index:10}.exit-btn:hover{color:#da0d0d}.setting-btn{position:absolute;background:none;top:6px;right:25px;border:none;color:#6c6cc9;cursor:pointer;padding:8px 8px;font-size:14px;border-radius:4px;transition:all .3s;z-index:10}.exit-btn:hover{background:hsla(0,100%,71%,.1);color:#5623bc}.area-item{position:relative;padding:12px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s}.area-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.area-name{font-weight:700;font-size:14px;color:#2c3e50;margin-left:5px}.area-desc{font-size:12px;color:#666;margin-bottom:8px;padding-left:5px}.area-info{font-size:11px;color:#7f8c8d;display:flex;padding-left:5px}.info-label{width:50px;color:#95a5a6}.info-value{flex:1}.add-area-btn{width:100%;padding:8px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;margin-top:10px;margin-left:5px}.add-area-btn:hover{background-color:#2980b9}.area-upload-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.area-upload-content{background:#fff;border-radius:8px;width:400px;max-width:90%;box-shadow:0 4px 20px rgba(0,0,0,.2)}.polygon-list-title{color:#333;font-size:14px;font-weight:600;margin:12px 0 8px;padding-left:5px}.total-count{color:#666;font-weight:400;font-size:14px}.area-actions{display:flex;gap:12px}.info-btn{position:absolute;right:22px;top:1px;background:none;border:none;color:#17a2b8;cursor:pointer;padding:4px;z-index:1;opacity:.7;width:24px;height:24px;transition:all .2s}.share-btn:hover{color:#2e8219}.share-btn{position:absolute;right:43px;top:1px;background:none;border:none;color:#36c712;cursor:pointer;padding:4px;z-index:1;opacity:.7;width:24px;height:24px;transition:all .2s}.public-btn:hover{color:#166fd0}.public-btn{position:absolute;right:23px;top:1px;background:none;border:none;color:#1a99f9;cursor:pointer;padding:4px;z-index:1;opacity:.7;width:24px;height:24px;transition:all .2s}.info-btn:hover{color:#1c7ed6}.area-item:hover{background-color:#f9f9f9}.bufferinfo-btn{right:18px;top:1px;border:none;color:#17a2b8;padding:4px;z-index:1;opacity:.7;width:24px;height:24px;transition:all .2s}.bufferinfo-btn,.exit-text{position:absolute;background:none;cursor:pointer}.exit-text{top:6px;left:3px;color:#333;font-size:16px;font-weight:700;padding:4px 8px;transition:color .3s}.exit-text:hover{color:#333;text-decoration:underline}.period-selector-container{position:absolute;top:60px;right:300px;z-index:1000}.period-selector-button{background:hsla(0,0%,100%,.8);color:#000;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;display:flex;align-items:center;font-size:16px;width:133px}.period-selector-button i{margin-right:8px}.period-dropdown{background:#fff;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.2);margin-top:5px;max-height:300px;overflow-y:auto;width:133px}.period-search-box{padding:10px;border-bottom:1px solid #eee}.period-search-box input{width:100%;padding:5px 10px;border:1px solid #ddd;border-radius:4px}.period-list{padding:5px 0}.period-item{padding:8px 15px;cursor:pointer;transition:background .2s}.period-item:hover{background-color:#f0f8ff}.geological-timeline-container{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:1000}.timeline-toggle-button{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:40px;background:hsla(0,0%,100%,.9);border-radius:50%;border:1px solid #ccc;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center;z-index:1001;transition:all .3s ease}.timeline-toggle-button:hover{background:#fff;transform:translateX(-50%) scale(1.1)}.geological-timeline{width:90vw;max-width:1200px;background:hsla(0,0%,100%,.9);border-radius:15px;padding:15px;box-shadow:0 5px 25px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);margin-bottom:50px}.timeline-header{display:flex;justify-content:space-between;align-items:center;padding:.1px 0;position:relative;top:1px;height:6px;margin-bottom:1px}.timeline-header h5{margin:0;color:#2a3d69;font-size:1rem}.close-btn{color:#888;font-size:1.1rem;padding:8px;border-radius:80%;display:flex;justify-content:center;align-items:center;transition:transform .3s ease,background .3s ease}.close-btn:hover{background:rgba(0,0,0,.05);transform:rotate(90deg) scale(1.1)}.timeline-content{position:relative;height:100px;align-items:flex-end}.timeline-axis{position:absolute;left:5%;width:90%;height:3px;background:linear-gradient(90deg,#3652c5,#cbddf5);transform:translateY(-50%);border-radius:2px;bottom:20%}.timeline-item{position:absolute;top:50%;bottom:30%;transform:translate(-50%,-50%);text-align:center;cursor:pointer;transition:all .3s ease;min-width:70px}.timeline-item:hover{transform:translate(-50%,-60%)}.period-name{font-weight:700;font-size:.9rem;color:#1a2a6c;margin-bottom:5px;white-space:nowrap}.period-seq{font-size:.8rem;color:#666;margin-bottom:8px}.period-dot{width:16px;height:16px;border-radius:50%;margin:0 auto;font-size:8px;font-weight:700;color:#000;box-shadow:0 0 0 3px rgba(186,217,219,.3);transition:all .3s ease;display:flex;justify-content:center;align-items:center}.timeline-item:hover .period-dot{transform:scale(1.3);background:#bddef0;box-shadow:0 0 0 6px rgba(186,217,219,.3)}@media (max-width:768px){.geological-timeline{width:95vw}.period-name{font-size:.8rem}}.time-query-container{position:absolute;top:62px;right:300px;z-index:100}.time-query-button{background:#fff;border:1px solid #ddd;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:all .3s ease}.time-query-button:hover{background:#f5f5f5;transform:scale(1.1)}.time-query-panel{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);width:280px;margin-top:10px;overflow:hidden}.panel-header{background:#4b86b4;width:319px;color:#fff;padding:10px 18px;display:flex;justify-content:space-between;align-items:center}.panel-body{padding:15px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#333}.form-group input{width:92%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.query-result{padding:10px;margin:15px 0;border-radius:4px;background:#f9f9f9;border-left:4px solid #4b86b4}.query-result.empty{border-left-color:#e74c3c;text-align:center;color:#e74c3c}.query-result h6{margin-top:0;color:#2c3e50}.highlight{color:#e74c3c;font-weight:700}.panel-actions{display:flex;gap:10px}.fly-btn,.query-btn{flex:1;padding:8px 12px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;font-size:14px;transition:all .2s}.query-btn{background:#3498db;color:#fff}.query-btn:hover{background:#2980b9}.fly-btn{background:#2ecc71;color:#fff}.fly-btn:hover{background:#27ae60}.fly-btn:disabled,.query-btn:disabled{opacity:.6;cursor:not-allowed}.time-query-icon-button{position:absolute;top:180px;right:20px;z-index:99;background:hsla(0,0%,100%,.8);border:1px solid #ddd;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:all .3s ease}.time-query-icon-button:hover{background:#fff;transform:scale(1.1)}.time-query-icon-button.active{background:#4b86b4;color:#fff;border-color:#4b86b4}.friends-list-container{max-height:300px;overflow-y:auto;margin-top:10px;border-top:1px solid #eee;padding:10px 15px;box-sizing:border-box}.friends-header{display:flex;justify-content:space-between;align-items:center;padding:12px 8px;background-color:#f0f2f5;border-bottom:1px solid #e8e8e8;height:8px;width:186px}.friends-header h4{margin:0;font-size:14px;font-weight:560;color:#333}.friends-search-box{position:relative;display:flex;margin-bottom:10px;border:1px solid #ddd;border-radius:4px;overflow:hidden;width:200px}.friends-search-input{flex:1;padding:8px 8px;border:none;outline:none;font-size:11px}.delete-btn{background:none;top:1px;border:none;color:#ff6b6b;cursor:pointer;padding:4px 8px;font-size:14px;border-radius:4px;transition:all .3s;z-index:10}.friends-list{display:flex;flex-direction:column;gap:8px}.friend-item{display:flex;min-height:12px;align-items:center;padding:12px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .3s;width:178px}.friend-item:hover{background-color:#f5f7fa}.friend-avatar{width:20px;height:20px;border-radius:4px;overflow:hidden;margin-right:12px;background-color:#f5f5f5;display:flex;align-items:left;justify-content:left}.friend-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.friend-avatar i{font-size:20px;color:#bfbfbf}.friend-info{flex:1;min-width:0}.friend-name{font-weight:500;font-size:12px;color:#333;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-account{font-size:10px;color:#666;margin-bottom:4px}.friend-planetcode{display:flex;align-items:center;font-size:12px;color:#8c8c8c}.chat-btn,.friend-actions{display:flex}.chat-btn{width:28px;height:28px;border-radius:4px;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#8c8c8c;font-size:14px;margin-left:4px}.chat-btn:hover{color:#1890ff;background-color:#e6f7ff}.refresh-button{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#8c8c8c;font-size:14px;margin-left:4px}.refresh-button:hover{color:#22df2b;background-color:#e6f7ff}.delete-btn:hover{color:#ff4d4f;background-color:#fff1f0}.loading-state{font-size:14px}.loading-state i{margin-right:8px;animation:fa-spin 2s linear infinite}.empty-state{padding:40px 20px;text-align:center;color:#999}.empty-state i{font-size:40px;margin-bottom:16px;color:#d9d9d9}.empty-state p{margin:0 0 16px;font-size:14px}.retry-button{padding:6px 16px;font-size:13px}.add-friend-btn,.retry-button{background-color:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer}.add-friend-btn{width:100%;padding:8px;transition:background-color .2s;margin-top:10px;margin-left:5px}.add-friend-btn:hover{background-color:#2980b9}.add-friend-btn i{margin-right:6px}.pagination-footer{margin-top:10px;padding:8px 0;border-top:1px solid #eee}.pagination-controls{gap:2px}.page-btn,.pagination-controls{display:flex;justify-content:center;align-items:center}.page-btn{margin:0 1px;padding:3px 8px;border:1px solid #ddd;background-color:#fff;color:#333;border-radius:3px;cursor:pointer;transition:all .2s;min-width:26px;height:26px;font-size:12px;line-height:1}.page-btn:hover:not(:disabled){background-color:#f5f5f5}.page-btn:disabled{color:#ccc;cursor:not-allowed}.page-btn.active{background-color:#0078d4;color:#fff;border-color:#0078d4}.fa-refresh,.fas{border:none!important;outline:none}.apply-badge{right:-5px;background-color:#f56c6c}.apply-badge,.share-badge{position:absolute;top:-5px;color:#fff;border-radius:50%;min-width:20px;height:20px;line-height:20px;text-align:center;font-size:12px;font-weight:700;padding:0 2px;box-shadow:0 1px 3px rgba(0,0,0,.2);z-index:10;cursor:pointer}.share-badge{left:-5px;background-color:#2ca5ef}.user-avatar{position:relative}.friend-requests-popup{top:60px;right:0}.friend-requests-popup,.friend-share-popup{position:absolute;width:500px;max-height:400px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1001;overflow:hidden;display:flex;flex-direction:column}.friend-share-popup{top:300px;right:550px}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f5f7fa;border-bottom:1px solid #e8e8e8}.popup-header h5{margin:0;font-size:16px;color:#333}.popup-header .close-btn{background:none;border:none;color:#999;cursor:pointer;font-size:16px}.popup-body{flex:1;overflow-y:auto;padding:10px}.loading-state{padding:20px;text-align:center;color:#666}.empty-request{padding:30px 20px;text-align:center;color:#999}.empty-request i{font-size:40px;color:#ddd;margin-bottom:10px}.empty-request p{margin:0}.request-list{display:flex;flex-direction:column;gap:10px}.request-item{display:flex;align-items:center;padding:10px;border-radius:6px;background-color:#f9f9f9;transition:background-color .3s}.request-item:hover{background-color:#f0f2f5}.request-avatar{width:40px;height:40px;border-radius:50%;background-color:#e6f7ff;display:flex;align-items:center;justify-content:center;margin-right:12px}.request-avatar i{font-size:24px;color:#1890ff}.request-info{flex:1;min-width:0}.request-name{font-weight:500;font-size:14px;color:#333;margin-bottom:4px}.request-email,.request-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-email{font-size:12px;color:#666}.request-actions{display:flex;gap:8px}.accept-btn,.reject-btn{padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;border:none;transition:all .2s}.accept-btn{background-color:#52c41a;color:#fff}.accept-btn:hover{background-color:#73d13d}.reject-btn{background-color:#ff4d4f;color:#fff}.reject-btn:hover{background-color:#ff7875}.add-friend-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:3000}.add-friend-content{width:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f5f7fa;border-bottom:1px solid #e8e8e8}.modal-header h5{margin:0;font-size:16px;color:#333}.modal-header .close-btn{background:none;border:none;color:#999;cursor:pointer;font-size:16px}.modal-body{padding:20px}.friend-form-group{margin-bottom:20px}.friend-form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.friend-form-group input{width:100%;padding:10px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px}.friend-form-group input:focus{border-color:#40a9ff;outline:none;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.search-result{margin-top:20px;border:1px solid #e8e8e8;border-radius:4px;padding:15px}.user-found{display:flex;flex-direction:column;gap:15px}.user-details{flex:1}.user-name{font-weight:500;font-size:16px;color:#333;margin-bottom:5px}.user-email,.user-phone{font-size:13px;color:#666;display:flex;align-items:center;gap:5px}.user-email i,.user-phone i{color:#999}.send-request-btn{padding:10px;background-color:#52c41a;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.send-request-btn:hover:not(:disabled){background-color:#73d13d}.send-request-btn:disabled{background-color:#b7eb8f;cursor:not-allowed}.user-not-found{padding:30px 0;text-align:center;color:#999}.user-not-found i{font-size:40px;margin-bottom:10px;color:#f5222d}.user-not-found p{margin:0}.search-loading{padding:30px 0;text-align:center;color:#666}.search-loading i{font-size:24px;margin-bottom:10px}.search-placeholder{padding:30px 0;text-align:center;color:#999}.search-placeholder i{font-size:40px;margin-bottom:10px;color:#ddd}.search-placeholder p{margin:0}.add-friend-content{width:320px}.search-input-container{display:flex;border:1px solid #d9d9d9;border-radius:4px;overflow:hidden;transition:border-color .3s;background-color:#fff}.search-input-container:focus-within{border-color:#40a9ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.compact-input{flex:1;padding:8px 12px;border:none;outline:none;font-size:14px;height:36px;margin-right:8px}.button-space{width:1px}.add-friend-content{background-color:#fff;border-radius:8px;width:350px;max-width:90%;box-shadow:0 4px 12px rgba(0,0,0,.15);overflow:hidden}.friend-search-container{position:relative;display:flex;width:100%}.friend-search-input{width:100%;padding:10px 45px 10px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;height:40px;transition:all .3s;box-sizing:border-box}.friend-search-input:focus{border-color:#40a9ff;outline:none;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.friend-search-button{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;border-radius:4px;background-color:#f0f2f5;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.friend-search-button:hover{background-color:#1890ff;color:#fff}.friend-search-button i{font-size:14px;transition:color .3s}.friend-search-button:hover i{color:#fff}.friend-user-avatar-container{position:absolute;top:8px;right:20px;z-index:1000}.friend-user-avatar{width:50px;height:50px;border-radius:50%;background-color:#0078d4;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:24px;position:relative;z-index:1000}.friend-user-avatar:hover{transform:scale(1.1);box-shadow:0 0 10px rgba(0,0,0,.2)}.friend-user-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.friend-user-avatar.logged-in{background-color:#4caf50}.chat-window{position:fixed;bottom:0;right:520px;bottom:250px;width:500px;height:400px;border:1px solid #ccc;background:#fff;display:flex;flex-direction:column;z-index:1000}.chat-header{padding:10px;background:#f0f0f0;display:flex;justify-content:space-between;align-items:center}.messages{flex:1;overflow-y:auto;padding:10px}.message{margin-bottom:5px;padding:15px;border-radius:18px;max-width:50%;position:relative;animation:fadeIn .3s ease-out;box-shadow:0 2px 5px rgba(0,0,0,.05);line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.sent{background:#dcf8c6;margin-left:auto}.received{background:#f1f0f0;margin-right:auto}.input-area{display:flex;padding:10px;border-top:1px solid #eee}.input-area input{flex:1;padding:8px;border:1px solid #ccc;border-radius:4px}.input-area button{margin-left:10px;padding:8px 15px}.share-friends-list{position:absolute;top:60px;right:280px;width:220px;max-height:60vh;background:hsla(0,0%,100%,.95);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;padding:12px}.share-friends-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.share-friend-list{max-height:55vh;overflow-y:auto}.share-friend-item{padding:8px 12px;margin:4px 0;background:#f8f9fa;border-radius:4px;cursor:pointer;transition:all .2s;font-size:14px;color:#2c3e50;margin-left:5px}.share-friend-item:hover{background:#e9ecef;transform:translateX(4px)}.share-friend-item.active{background:#0078d4;color:#fff;font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.2);transform:translateX(5px)}.share-friend.active:hover{background:#005bb5}.share-avatar{width:40px;height:40px;border-radius:50%;background-color:#e6f7ff;display:flex;align-items:center;justify-content:center;margin-right:12px;overflow:hidden}.share-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.weather-info{position:absolute;bottom:3px;left:10px;width:500px;max-height:60vh;background:transparent;border-radius:8px;z-index:1000;padding:10px;color:#fff;font-size:12px}.weather-info h4{margin-top:0;color:#64b5f6;border-bottom:1px solid hsla(0,0%,100%,.2);padding-bottom:6px;font-size:14px;margin-bottom:6px}.weather-info p{margin:6px 0;color:#e0e0e0;line-height:1.3}.weather-info .weather-detail{font-size:11px}.marker-button{position:absolute;bottom:219px;right:10px;z-index:1000;padding:8px 8px;font-size:14px;color:#000 0;background-color:#edefef;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px;width:30px}.marker-button.active{background-color:#58f3a3;box-shadow:0 0 8px rgba(23,162,184,.5)}.marker-popup{max-width:300px;padding:10px}.marker-popup h4{margin-top:0;color:#1890ff;border-bottom:1px solid #eee;padding-bottom:8px}.marker-popup p{margin:8px 0}.marker-popup img{margin-top:10px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.marker-details-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;max-height:80vh;background:hsla(0,0%,100%,.95);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3);z-index:1002;color:#333;overflow:hidden;display:flex;flex-direction:column;border:1px solid #e0e0e0}.marker-details-header{padding:15px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa}.marker-details-header h4{margin:0;font-size:18px;color:#333}.close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:16px}.close-btn:hover{color:#333}.marker-details-content{padding:15px;flex:1;overflow-y:auto}.marker-detail-item{margin-bottom:15px}.marker-detail-item label{display:block;font-weight:700;margin-bottom:5px;color:#000}.marker-detail-item p{margin:0;line-height:1.5;color:#333}.marker-image{margin-top:15px;text-align:center}.marker-image img{max-width:100%;max-height:200px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.marker-details-actions{padding:15px;border-top:1px solid #e0e0e0;text-align:center}.action-btn{background:#007bff;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:14px;transition:background .3s}.action-btn:hover{background:#0056b3}.poi-avatar-container{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:12px;border:.8px solid #eaf0fb;flex-shrink:0}.poi-avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.circular-avatar{border-radius:20%}.poi-default-avatar{width:100%;height:100%;color:#ccc;font-size:36px;display:flex;align-items:center;justify-content:center}.header-content{display:flex;align-items:center;flex:1}.opacity-controls{position:absolute;top:8px;right:800px;z-index:1000;background:hsla(0,0%,100%,.9);padding:10px 15px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.2);min-width:300px}.opacity-panel{position:relative}.opacity-panel h3{margin-top:0;margin-bottom:8px;font-size:14px}.slider-container{display:flex;align-items:center;gap:5px;margin:8px 0}.opacity-slider{flex:1;height:6px}.opacity-value{min-width:35px;text-align:center;font-weight:700;font-size:12px}.alpha-close-btn{position:absolute;top:5px;right:5px;border:1px solid #ccc;padding:2px 6px;font-size:12px;line-height:1;width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin:0;background:hsla(0,0%,100%,.3);border:none;border-radius:50%;color:#000;cursor:pointer;transition:all .2s}.alpha-close-btn:hover{background:rgba(255,99,71,.3);transform:rotate(90deg)}.opacity-btn{position:absolute;top:10px;right:660px;z-index:1000;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:12px;background-color:#2e8b57;color:#fff;border:none;min-width:120px;font-size:14px}#app[data-v-78b13e4a],body[data-v-78b13e4a],html[data-v-78b13e4a]{height:100%;width:100%;margin:0;padding:0;overflow:hidden}*{margin:0;padding:0}